The Art of Icons: Where more Realism is better and why that's Helpful

HFI Project Director Mary M. Michaels, MBA, CUA, and Chief Scientist Kath Straub, PhD, CUA, look at recent research on the learnability of icons.


WHEN MORE IS MORE
User Experience (UX) designers often seek to distill things down to the essentials. Less is more. Minimalist is good. Users want to get in and get things done. We work to make short, concise menu lists, scannable text, streamlined task flows.

But there's a catch. Being "minimalist" and "streamlined" is not always most effective. They are pictures - meant to provide a visual shorthand to users moving through a task. While research indicates that icons are best when initially paired with text to increase recognition and learnability, users experienced with a given set of icons will begin to ignore the text, scanning for and acting from the image alone.

Icons designed with a minimalist spirit are often harder for users to interpret than ones with more detail and more pixels. And it's more than just the number of pixels that matter. Streamlined icons take more energy because users need to mentally recreate the missing information on the way to understanding it. More work spent on interpreting icons means less mental concentration to assign to the real task at hand.

Here's a quick icon test - pull all the cables out of the back of your DVD / Stereo / Satellite and try to set it up again quickly. So what is the best visual approach? Pictures? Line drawings? Stylistic imagery?

BEING CONCRETE ABOUT BEING CONCRETE
Kunnath, Cornell, and Kysilka (2007) offer a study exploring how different visual strategies affect icon effectiveness within a complex, learning task. Participants were exposed to one of three different icon types within a tutorial / follow-up on how to use digital video equipment. The study looked at two aspects of icon use: learnability, and how well the icons facilitated application use.

Within their study, they developed three different kinds of icons
- Abstract drawings
- Line drawings
- Pictures

Abstract icons were drawn from a universally accepted representation of objects and processes (Dreyfuss, 1984). Pictorial icons were pictures of the actual part in the DVCAM supplemented with a vector (arrow) sign for process. The line drawing icons were line drawings of the pictorial versions.

As a secondary question, Kunnath and colleages also wanted to explore whether different icon types provided differential support for individuals with different learning styles (abstract or concrete, based on Kolb's scale). Kunnath and team found overall that line drawings and pictures - what they call concrete icons - supported performance best. Further, they found that this effect was consistent across learning styles.

Notably, although previous research would predict that any benefit would diminish with exposure, Kunnath and teams' analysis indicates that the benefit for more concrete icons holds up even across sustained (20-30 minute) learning sessions.

LEVERAGING THE POWER OF CONCRETE ICONS
In the past, using pictures as icons was problematic. Screen resolutions meant that pictures didn't down-size gracefully. But monitors have improved to the point that this type of icon can now be represented quite well. (To determine if your icons are too complex, user test them for recognizability.)

For interface designers this means that carefully created, realistic-looking icons can be used and may help users learn and perform better. For developers in today's fast-paced development environments, this could potentially reduce design time since new concepts for abstract icons would not be needed.

Companies as a whole could benefit since concrete icons are more likely to be correctly understood, especially if there's limited time for testing. As an added bonus, carefully tested concrete icons may facilitate internationalization, conveying the same concept across multiple cultures.

See, it's still true - good things do come in small packages!

Associated Link: The Art of Icons: Where more Realism is better and why that's Helpful

All change at the top for System Concepts
Source: System Concepts Ltd, 3 July 2009
 
Leslie Fountain has been promoted to joint Managing Director of leading usability consultancy System Concepts.

Life in UCD immortalised in fiction: you couldn't make it up
Source: UN, 2 July 2009
 
Sarah Herman's fictitious book on life in a user-centred design company has hit the shelves and The Guardian's book pages...

Interfaces Magazine - Issue 79: The Education Issue
Source: Interaction Group, 1 July 2009
 
The latest issue of Interfaces is now available as a free download from the Interaction Website.

Two new Behavioural research Tools from Noldus
Source: UN, 30 June 2009
 
Tool updates make on-site behavioural data collection easier.

Cell Phones that Listen and Learn
Source: MIT Technology Review, 29 June 2009
 
New software tracks a user's behavior by monitoring everyday sounds.

Top Six Don’ts for Usability Testing
Source: FutureNow Inc., 27 June 2009
 
Six tips for creating quality usability tests to ensure useful feedback from testers.

Usability: ‘Lovely software. But I can’t work it’
Source: FT.com, 26 June 2009
 
In a recent survey by Global Graphics, 77 per cent of office workers estimate they lose up to one hour a week because business software is difficult to use.

And what do you do?
Source: Dexo Design, 25 June 2009
 
How do you describe your job role? Here are the results of a recent 'Preferred UX/UI Title' Poll.

Most Doctors cite Usability as critical to Electronic Health Record Adoption
Source: TMCNet, 24 June 2009
 
It's all about 'meaningful use'.

Glossy monitors look good but can hurt
Source: QUT, 23 June 2009
 
A new advisory cites research which suggests high gloss monitors make users sit awkwardly.