UsabilityDesignPatterns/CrypticIcon

From MozillaWiki
Jump to: navigation, search

CrypticIcon

As I edit this page on MediaWiki, I see a row of icons directly above the text editing box. From left to right they are...

  1. A bold letter B. I can guess this means "bold".
  2. An italic letter I. "Italicize".
  3. The letters "Ab", in blue and underlined. Maybe this means insert a link?
  4. A globe with a dogeared paper in front of it. The globe might imply the World Wide Web? So maybe this one is "insert a link"? But then what's the last one?
  5. A huge letter A, overflowing its frame. Um, text size?
  6. A white rectangle with illegible pixels inside it. Picture, maybe?
  7. A trumpet-looking thing. I have no idea.
  8. A square-root-of-n symbol. Insert equation, maybe?
  9. The letter W inside a red circle with a slash through it. I have no idea.
  10. Part of a signature. Insert information about the editor, maybe?
  11. A minus sign or horizontal line. Insert a horizontal line?

Now I'll go hover the mouse over each one to find out what they really mean. The software helpfully provides tooltips for each icon, but this means that whether I'm browsing or whether I'm searching for a particular command (see UsabilityDesignPatterns/RecognitionVsRecall I have to point at the icons one at a time to discover what they do (a very inefficient linear search).

Note that out of eleven icons, a full seven are pictures of text in some form. If the command is abstract enough that the only icon one can come up with is a picture of text, and then you also need to add a textual tooltip to explain the icon, you have to wonder in what sense the icon is helping to explain anything.

Causes

Like all antipatterns, it happens in response to a reasonable set of design constraints:

  1. The number of available commands is large (and possibly growing over time).
  2. The designer wants all the command options to be visible.
  3. There is not enough screen space to devote a lot of it to explaining each command. (Possibly related to the growth in the number of commands - need to save room for the next command to be added!)