« Five Principles to Design By | Main | 3 design-based strategies for beating an economic downturn »

Friday, 24 April 2009

10 Best Application UIs

Nielsen Norman Group conducted a competition to identify the 10 best-designed application user interfaces. Some of the common elements of the winning designs include:

  • Business-Oriented Interaction
  • Progressive Disclosure
  • Freeform and Linear Task Flows to support both experts and newbies
  • Limited use of Modal Dialog boxes
  • Lightboxes
  • Inline User Assistance
  • Contextual, Cheap, and Quick Usability Testing Methods

Lightbox design for displaying a dialog box in an application UI from Xero

The lightbox benefit is obvious: it's impossible for users to overlook the only bright part of the screen. This is in stark contrast to many traditional designs, where users often remain blissfully ignorant of notifications that are camouflaged within busy pages.

Lightboxes do have downsides, however, and they shouldn't be used everywhere.

  • A lightbox is a blunt instrument that hits users over the head and causes them to stop everything they're doing. Don't use them for low-priority items or background information.
  • Talk about modal dialog boxes. A lightbox takes that concept to the extreme. (Even though it's theoretically possible to enable interaction with the dimmed parts of the screen, in practice this just isn't done because something that's dimmed should be inactive.)
  • Users often have to refer to information on the background display to resolve the situation in the foreground dialog box. If the background is dimmed too much, such information can be hard to read.

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d8342027e953ef01156f55303e970c

Listed below are links to weblogs that reference 10 Best Application UIs:

Comments

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been saved. Comments are moderated and will not appear until approved by the author. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment

Comments are moderated, and will not appear until the author has approved them.