After an evaluation, GNOME has moved from Bugzilla to GitLab. Learn more about GitLab.
No new issues can be reported in GNOME Bugzilla anymore.
To report an issue in a GNOME project, go to GNOME GitLab.
Do not go to GNOME Gitlab for: Bluefish, Doxygen, GnuCash, GStreamer, java-gnome, LDTP, NetworkManager, Tomboy.
Bug 76083 - Cheesy UI quibbles
Cheesy UI quibbles
Status: RESOLVED FIXED
Product: gnome-control-center
Classification: Core
Component: Background
2.2.x
Other other
: Normal minor
: GNOME2.0
Assigned To: Control-Center Maintainers
Control-Center Maintainers
Depends on:
Blocks:
 
 
Reported: 2002-03-24 00:12 UTC by Havoc Pennington
Modified: 2004-12-22 21:47 UTC
See Also:
GNOME target: ---
GNOME version: ---



Description Havoc Pennington 2002-03-24 00:12:44 UTC
- should the "Picture" label have a mnemonic for the main picture-chooser    
  button?
- should the "border the picture with" label have a mnemonic for the 
  option menu?
- more padding seems needed between Picture/PictureOptions/borderwith
  labels and the stuff under them.
- colon seems appropriate after Top color: bottom color:
- the "you can drag image files" label has issues for me:
   - why would you drag an image file here instead of just onto 
     the desktop itself for Nautilus to set as the image
   - sort of a classic "feature is unusable so put docs in the 
     dialog" cop-out
   - I did a cheesy user test and the user couldn't figure out 
     what "image files" was supposed to referred to. Tried dragging
     the Home icon on the desktop.
   - the dialog would probably look better if the Picture icon 
     were centered and these odd docs weren't there- instead of "border the
picture" wouldn't "behind the picture"
  be more accurate?- the "T" mnemonic is used twice
Comment 1 Seth Nickell 2002-03-25 22:39:05 UTC
Richard wrote what's in CVS from scratch and failed to use the newest
version of the interface or to capture a number of
"un-screenshot-able" interactions.

For reference, this is what the capplet should look like:

http://beauty.stanford.edu/bgcapplet.png

I've already fixed a few things in the new capplet, but I haven't
found the time to fix everything.

- should the "Picture" label have a mnemonic for the main
picture-chooser button?

Yes, though the revised interface uses a button there. If we don't use
a button, the "Picture" label should have a keyboard shortcut.

- should the "border the picture with" label have a mnemonic for the 
  option menu?

Yes. Another thing that didn't get carried into the new capplet.

There should be no padding between the labels and the content they
refer to. Putting more space between reduces the strength of the
grouping (gestalt design principles). If you're still seeing frames,
you need to update again, there should be no visible frame borders.

   - why would you drag an image file here instead of just onto 
     the desktop itself for Nautilus to set as the image

I prefer the interaction of dragging into Nautilus desktop too. I just
haven't thought up a great way to do this (either technically or
interface-wise). The problem is that Nautilus already has a meaning
for "drag image file" in normal folders. We could potentially pop up a
dialogue if its an image file, but I think that's intrusive. Another
option might be to merge in a "Set as desktop background" entry to the
right drag menu when the file being dragged is an image.

   - sort of a classic "feature is unusable so put docs in the 
     dialog" cop-out

No, subtle but important difference. Feature is *invisible*
(contrasted with unusable, since the interface provides an alternate
mechanism for accessing this functionality) because GNOME fails to
provide this interaction such a high percentage of the time (i.e. DND
does not work in most places). There's really no good way to express
"hey kids, you can DND here" except to outright say it. In the future
when GNOME supports this interaction more pervasively, I would
definitely agree with dropping this label.

Think of this as "the label for a control that is inherently invisible".

   - I did a cheesy user test and the user couldn't figure out 
     what "image files" was supposed to referred to. Tried dragging
     the Home icon on the desktop.

This is a hard problem. If you can suggest a better word than "image
files" I'm open to it. Ideally, if the user dragged a .desktop file
into the capplet, we would extract the picture used there and set that
as the background picture.

   - the dialog would probably look better if the Picture icon 
     were centered and these odd docs weren't there

Actually, I don't think we should center it even if the DND label
weren't there. The rest of the dialogue is left aligned and moving it
that far right makes the dialogue look more cluttered and less easy to
scan. I might try moving the "border picture" controls into that spot
though.

- instead of "border the picture" wouldn't "behind the picture"
  be more accurate?

It would be more accurate. My capplet changed this label when you
selected different picture options. I hadn't added one for cases where
the picture filled the whole screen (wallpaper, stretched), but it did
use different wording for "No Picture" and could have changed for
wallpaper and stretched too. Of course, this is yet another
interaction that didn't make it into the rewrite (which was basically
a "lets use peditors everywhere we can at the expense of the
interface" job).

- the "T" mnemonic is used twice

Where?
Comment 2 Luis Villa 2002-04-10 02:53:28 UTC
Updating all cc bugs that have the GNOME2 keyword set to the GNOME2.0 milestone,
to help jrb triage/prioritize cc bugs. Filter on 'luis doing GNOME2 work' to
ignore this spam.
Comment 3 Anna Marie Dirks 2002-04-15 22:13:49 UTC
I have to agree with Havoc here, and would like to expand the list of
UI troubles he found. 

First to address something you wrote in your reply to Havoc: 

"There should be no padding between the labels and the content they
refer to. Putting more space between reduces the strength of the
grouping (gestalt design principles)" 

This is just not true. Too much padding between labels and their
controls might limit the association betweem them-- but no space
detracts from their readbility. Our HIG has something to say
about this, recommending, I believe, 3 pixels between labels and
controls. 

To help explain this point, it may be useful for you to imagine the
widgets in your design as being words in a sentence. It is hard to
read the words whenthereisnospacebetweenthem. Keeping a small,
standardized space between labels and controls improves their readiblity.

See the links below from the MacOS8 HIG and the Aqua HIG for some
information about how Apple approaches this problem.

http://developer.apple.com/techpubs/mac/HIGOS8Guide/thig-52.html
http://developer.apple.com/techpubs/macosx/Essentials/AquaHIGuidelines/AHIGControls/Radio_Butto__Checkboxes.html

(OT: I was playing with OSX's Interface Builder this weekend, and
found that they enforce standardized spacing/padding by creating
guides around a widget as you drag it into your project; these guides
represent the aqua spacing and padding standards, and you can't add
widgets without complying to them. In fact, when you add a widget to a
project in the interface builder, it just snaps into place according
to the aqua specs. Drool.We need this.)


Okay, now for my own comments on this dialog. 

The number one thing that bothers me about this design is that you use
seeminly identical widgets in different and inconsistent ways. 

Upon starting the capplet, you are presented with a dialog filled with
what appear to be buttons. These buttons server a myriad of purposes:
some function as file selectors, some as radiobuttons and as preview
panes-- only one actually works like a button (Close). 

We already have perfectly functional, standard widgets to accomplish
these tasks, and roughly all other gnome apps use them. This allows
gnome users to transfer their knowledge of how widgets work from one
app to another, effectively lowering the gnome-fluency barrier.

What, then, does the heavy, non-standard use of buttons in this
dialog accomplish, besides making it inconsistent with other apps,
and even inconsistent within itself? 

My recommendation to you is to remove your togglebuttons, and replace
them with an option menu (whose menuitems have both labels and icons),
and to replace your "Select Picture" button with a combo box. Also, I
think that the "No Picture" toggle would be happier as a "Use a
background picture" checkbox, whose value toggles the sensitivity of
the picture related options.

Next:
This dialog has no concept of history, and is hence not very
forgiving. Using the "Picture" button instead of a standard file
selector means that there is no easy way to change to a previous
background picture. 
    
So, if you select a picture that you decide you don't like, the only
way to revert your change is to remember where your original picture
lives. This discourages people from playing around with what should
be one of the most fun and rewarding capplets. Hmm.

As mentioned above, replacing this button with a combobox will fix
this problem.

Next: 
This dialog uses inconsistent labelling conventions, and makes some
potentially confusing assumptions.
        
The dialog seems to assume that the user wants to use a background
picture, because it uses phrases like "Picture Options:" and "Border
the picture with a:" . The dialog has no reason to assume this-- and
when taken out of context, these labels are confusing. If you are
using a screenreader or similar assistive technologies, this is a
real problem. 
    
Also, some labels have colons after them, some don't. Some adhere to
HIG capitalization guidelines, and some don't. Inconsistencies like
this are so painfully easy to fix that allowing them to be made is
just embarassing.

So I think you should: put colons after the "left color", etc, labels;
find a better label than "Border the picture with a" and capitalize it
properly..perhaps "Pattern:"? 

Next: 

Look at this: http://primates.ximian.com/~anna/background-capplet.png
It isn't clear at all from the little wallpaper/centered/scaled
previews what the difference between them will be. These previews are
more confusing than useful, at least with my background picture. 

If you want really want to use a picture to show what each of  the
Picture Options means, how about using a little preview icon 
(where the options actually look different) for each option?

So that is about all. I have made a glade2 file for you which includes
all the changes I have proposed. You may download the tarball from
here: http://primates.ximian.com/~anna/background.tar.Z 

NOTE: There is a gtk+ bug preventing these option menu from displaying
 correctly. If you play with the glade file, you will see that each
option menuitem has an icon and a label associated with it; the point
of the icons is to give a clear preview of what each of the options
would look like.

I am also putting a screenshot (which suffers from the same bug of
course) here: http://primates.ximian.com/~anna/background_proposal.png 

So. What do you think?
Comment 4 Havoc Pennington 2002-04-15 22:25:37 UTC
Aside: I think the GTK bug with the option menus is really hard to fix
(enough so that I think we've WONTFIX'd it in the past), so we may 
not want to rely on that getting fixed.
Comment 5 Luis Villa 2002-11-07 14:38:22 UTC
SPAM as discussed last night. Search for 'SPAM as discussed last night' to catch
these all and delete them. :) 
Comment 6 Andrew Sobala 2003-02-11 18:47:07 UTC
Sorry for the spam, folks
Comment 7 Calum Benson 2003-05-05 20:04:55 UTC
Removing keynav keyword as there are no outstanding keynav issues with
the dialog, as far as I can see.
Comment 8 Rodney Dawes 2004-03-11 13:13:07 UTC
None of these apply to the new capplet. Marking as fixed.