# Consistency of program appearance in documentation – thoughts wanted

**URL:** <https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135>\
**Category:** Documentation\
**Created:** [December 15, 2023, 9:59am UTC](https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135 "2023-12-15T09:59:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![matterhorn103](https://discuss.avogadro.cc/user_avatar/discuss.avogadro.cc/matterhorn103/32/1751_2.png) [@matterhorn103](https://discuss.avogadro.cc/u/matterhorn103)\
**Post date:** [December 15, 2023, 9:59am UTC](https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135/1 "2023-12-15T09:59:32Z")

</div>

Hi everyone,

@ghutchis posted yesterday about adding to the documentation, particularly screenshots. Most of the current screenshots are on macOS, so for users on Windows or Linux who would contribute, their screenshots would be visually and tonally quite different.

Here is what Avogadro looks like on my system, for example:

 ![Screenshot_20231215_012736](https://discuss.avogadro.cc/uploads/default/original/2X/b/b00909410d3111f0c758267fb572b5226f8364bb.png)

I think it looks very nice and modern, but it is any case radically different to how it looks on macOS – from the docs:

 ![Ethanol](https://discuss.avogadro.cc/uploads/default/original/2X/b/b9c47e220f1a36ce422f09f56ba53ddd81276b52.jpeg)  
or with a black background for a fairer comparison:

 ![tutorial-water](https://discuss.avogadro.cc/uploads/default/original/2X/3/3b54ad419982e0bc753eddd6c03e025ded87331f.png)

Should we strive for consistency in the documentation? Would it bother users to have screenshots jump between different styles of interface? Or is it fine to have a mixture, or even a bonus as it shows different possibilities that the user might come across?

If people want a single consistent view then we can then talk about _which_ view of the many possibilities is most appropriate.

---

<div class="post-metadata">

**Author:** ![ghutchis](https://discuss.avogadro.cc/user_avatar/discuss.avogadro.cc/ghutchis/32/456_2.png) [@ghutchis](https://discuss.avogadro.cc/u/ghutchis)\
**Post date:** [December 15, 2023, 3:02pm UTC](https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135/2 "2023-12-15T15:02:52Z")

</div>

My feeling, for what it’s worth, is that having a few different platforms is a good thing, since users will be using Linux, Windows, and Mac.

It’s probably useful to have a section that actually shows the different looks. (e.g. those toolbar icons look _tiny_)

---

<div class="post-metadata">

**Author:** ![matterhorn103](https://discuss.avogadro.cc/user_avatar/discuss.avogadro.cc/matterhorn103/32/1751_2.png) [@matterhorn103](https://discuss.avogadro.cc/u/matterhorn103)\
**Post date:** [December 17, 2023, 8:26pm UTC](https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135/3 "2023-12-17T20:26:15Z")

</div>

> [@ghutchis](#):
>
> e.g. those toolbar icons look _tiny_

Tell me about it, I really was surprised when I saw the macOS version with the huge ones.

The buttons themselves seem to be 30x30 pixels. The buttons for New, Save, etc. are the same vertical size.

---

<div class="post-metadata">

**Author:** ![Thomas](https://discuss.avogadro.cc/user_avatar/discuss.avogadro.cc/thomas/32/3403_2.png) [@Thomas](https://discuss.avogadro.cc/u/Thomas)\
**Post date:** [December 17, 2023, 8:36pm UTC](https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135/4 "2023-12-17T20:36:30Z")

</div>

@matterhorn103 Could it be possible the icons once appear «normal», and once smaller/tiny because of different screen resolution (pixel per inch) during capture or/and display? I vaguely remember a program recently updated where one had to choose between normal resolution, retina display, and 4K.

A second point: perhaps it isn’t necessary to depict the whole screen estate in every screen photo. Only a molecule with the relevant structure features and toolbars from which provide the function in question provide. Then, the picture as depicted in the documentation needn’t be scaled this much to a lesser dimension, and the perception of «small/tiny» is less.

scaled by 75% in the mask here of an screen photo in full scale 1280 x 771 px):

 ![full_scale](https://discuss.avogadro.cc/uploads/default/original/2X/8/8b334d3b520b1b415cbcd22582dd095a439276b3.png)

equally scaled by 75% in the mask here, the original file is only 887 x 501 px – the molecule was translated to the left, no zoom to scale it.

 ![two_thirds](https://discuss.avogadro.cc/uploads/default/original/2X/9/951bf82700a05213702f711431bbed3cc5f59287.png)

---

<div class="post-metadata">

**Author:** ![matterhorn103](https://discuss.avogadro.cc/user_avatar/discuss.avogadro.cc/matterhorn103/32/1751_2.png) [@matterhorn103](https://discuss.avogadro.cc/u/matterhorn103)\
**Post date:** [December 17, 2023, 9:25pm UTC](https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135/5 "2023-12-17T21:25:04Z")

</div>

That screenshot is just on a standard 1080p display, not a high DPI one!

I can’t remember how it looks on the 4K at uni, but as far as I can remember Avogadro looked pretty good. I’ll check this week.

> [@Thomas](#):
>
> A second point: perhaps it isn’t necessary to depict the whole screen estate in every screen photo. Only a molecule with the relevant structure features and toolbars from which provide the function in question provide.

Absolutely, this is the way many of the screenshots in the docs do it at the moment so any screenshots I do would do the same. I was just showing how it looks overall.

---

<div class="post-metadata">

**Author:** ![JGrantHill](https://discuss.avogadro.cc/user_avatar/discuss.avogadro.cc/jgranthill/32/1721_2.png) [@JGrantHill](https://discuss.avogadro.cc/u/JGrantHill)\
**Post date:** [December 18, 2023, 4:57pm UTC](https://discuss.avogadro.cc/t/consistency-of-program-appearance-in-documentation-thoughts-wanted/5135/6 "2023-12-18T16:57:01Z")

</div>

One of the bonuses of being inconsistent (😀) is that anyone can contribute screenshots to the docs. Requiring a specific platform and other settings would reduce the number of people it can potentially be spread across.
