Old News about Icons

Jared Spool

June 28th, 2009

Joe wrote us:

I was just in a pattern review meeting, and the age-old discussion of whether to use icons and labels vs. just icons or just labels came up. Years ago, I recall Jared Spool and UIE posting an article in which their tests showed that icons and labels together were generally better. I can’t seem to find it…. could you folks point me to it?

Thanks!
– Joe

P.S. FWIW, I prefer a design *guideline* that would state to use icons + labels unless there is a obviously standard icon, such as email or pdf icons. Of course, even those might not be clear to some user groups. The design guideline runs contrary against visual minimalism. As with all things, you make your choices and do your best to test it.

The article is from the old 1990′s Eye for Design days. It’s something that never made it to the web, probably because nobody has asked us about it in 15 years. :)

The facts about icons:

  1. Text + image works better than just image or just text. However, just text works better than just image.
  2. While icon images are learned, icon positions are learned faster. People remember a function by where it lives in 2D space more than by what the art is. (If you change the art, but keep the same location, users aren’t too impeded. If you move the location, but keep the art, users become frustrated.)
  3. The speed at which the average user can deduce an icon’s function from the image is directly proportional to the speed at which the design team can agree on what the ideal image for that function should be. (In other words, things that are obvious—question mark for help—are obvious to both the designers and the users. Things that aren’t obvious—what is the icon for “advanced privacy options”?—won’t be obvious to either group in anything less than geologic time periods.)

8 Responses to “Old News about Icons”

  1. Twitted by ixdStudio Says:

    [...] This post was Twitted by ixdStudio [...]

  2. A Digital Outrigger / Library Usability Links 6/29/09 Says:

    [...] Jared Spool lays out the key guidelines for icons [...]

  3. Links, bookmarks, discoveries « iapresentation Says:

    [...] and Hicks Design Icons for Interaction and a revisit to Old News about Icons [...]

  4. LA-UX event with Jared Spool, sponsored by Microsoft and speakTECH - Knobs, Tubes & Dials - speakTECH Labs Says:

    [...] Jared used many real life examples to illustrate his points and even went over how certain companies (such as Amazon) go to great lengths to make subtle changes to their interface over time so that users are not shocked or jarred by the "new" experience.  He also answered questions from the audience which included a question regarding icons: "When will the 'save' icon stop looking like a floppy disk?  Floppies haven't existed in years!"  In discussing icons, Jared us reminded us about the following (as seen on his blog):  [...]

  5. OAS - The facts about icon usability Says:

    [...] as fate would have it, usability guru Jared Spool pushed out a post on the UIE Brainsparks blog yesterday recounting a few important facts about icon usability and I thought it would be good to [...]

  6. Andrew Cowie: Get your icons back | Full-Linux.com Says:

    [...] only menus are better, they (politely) replied with reference to a respected source in HMI design, Jared Spool. Reading that page it indeed says that text only is better than icon only. But right before that, [...]

  7. read this post here Says:

    read this post here

    Old News about Icons » UIE Brain Sparks

  8. green coffee bean diet Says:

    Nice blog here! Also your site loads up fast! What web host are you using?
    Can I get your affiliate link to your host? I wish my website loaded up as fast as yours lol

Add a Comment