home | books | articles | gleanings | case studies | hire
other sites: widgetopia | blueprints for the web | metafooder


 


 


« nifty | main | tools for humans »

gray advice

User Interface Design Tips is a solid introduction to some of the concepts of design for applications. This one got me thinking:

"Gray things out, do not remove them. You often find that at certain times it is not applicable to give your users access to all the functionality of an application. You need to select an object before you can delete it, so to reinforce your mental model the application should do something with the Delete button and/or menu item. Should the button be removed or grayed out? Gray it out, never remove it. By graying things out when they shouldn’t be used people can start building an accurate mental model as
to how your application works. If you simply remove a widget or menu item instead of graying it out then it is much more difficult for your users to build an accurate mental model because they only know what is currently available to them, and not what is not available. The old adage that out of sight is out of mind is directly applicable here."

While this rings true, I've seen it fail on websites in testing. Users think a grayed out link is simply a gray link, and can't figure out why it doesn't work.

Perhaps this is one of those cases where a weblication is sufficiantly different from an application that users aren't ready for a standard to make the leap across. Of perhaps there are so few standards in link design that users just click everything, hoping that something will eventually work.

Posted at February 12, 2002 07:25 AM


Comments

 

it seems to me you're constructing a false dilemma. because it failed in testing, it doesn't mean the theory is wrong, it may mean simply that the execution of the theory was bad.
this is why you need designers who can implement 'greyed out' so it is clear and unambiguous.

Posted by hackles at February 12, 2002 07:50 AM


~~~

Well I do agree with hackles that the underlying principle ('make things visible', actually - yes, that old one) is the most important thing, Christina is right about the lack of standards in link design.

But 'greyed out' doesn't have to mean grey.

Posted by Chris Lowe at February 12, 2002 08:09 AM


~~~

Maybe standards should include a bit of descriptive text that says inactive link, so it can be any color the designer uses.

Posted by Susan Gross at February 12, 2002 11:22 AM


~~~

It may be also worth noting that there are technical difficulties in monitering a web based applications widget status. Often the only way to accomplish this is through lots of dhtml or applets of some type. I am working on an intranet/cms which is currently dealing with these problems.

Posted by James Buckley at February 13, 2002 07:11 AM


~~~



Post a comment
*Name:


*Email Address:


URL:


Remember me?

Comments:

bold italic underline link


posting can be slow; please wait a few seconds before hitting the button again.

The extra-fine print
wording stolen by the more-eloquent-than-I kottke
The bold, italics, and link buttons (and associated shortcut keys) only work in IE 5+ on the PC.
Hearty discussion and unpopular viewpoints are welcome, but please keep comments on-topic and *civil*. Flaming, trolling, and ass-kissing comments are discouraged and may be deleted.
All comments, suggestions, bug reports, etc. related to the comments system should be directed to me.


mail entry to a friend

Email this entry to:


Your email address:


Message (optional):




« nifty | main | tools for humans »

 

 

 

home | books | articles | gleanings | case studies | hire
other sites: widgetopia | blueprints for the web | metafooder