Interaction Design, Inc. logo. UX Consulting.
 
Navigation: Home
Navigation: Services
Navigation: Product design
Navigation: Usability testing
Navigation: Expert reviews
Navigation: Customer research
Navigation: Featured portfolio samples
Featured portfolio
Current page: Full portfolio
  Navigation: Projects by category
Navigation: Research topics
Navigation: Book list
Navigation: About us
Navigation: Background
Navigation: Design teams
Navigation: Contact us
 

Portfolio: Print Wizard visual language design

I worked with my visual design partner to develop a visual language for icons to show printer status in the Print Wizard application.

Visual design collaboration.  We chose a 2-D look so users wouldn't confuse them with icons in the Windows operating system. Color, fill, line and layers were used to indicate status in a very consistent way. We didn't expect that any users would memorize this visual language, but consistency would make it more likely that they would remember and recognize the different states.

Image

Explanation

Print Wizard icon

Dotted outline: warming up.
Unfilled printer image: can't print at this time

   

Print Wizard icon

Solid outline: warmed up.
Gray fill: able to print.

   

Print Wizard icon

Paper coming out: printing

   

Print Wizard icon

Print Wizard icon

Yellow: warning
Exclamation: non-critical alert
Question mark: unknown state

   

Print Wizard icon

Red: a serious problem
Thermometer: low on supplies

   

Print Wizard icon

Print Wizard icon

Black fill: a serious problem.
Hand: you can fix it yourself.
Wrench: seek professional help.

 

 

Click to return to previous page Back to previous page