Progressive Disclosure by Jakob Nielsen (Usability Expert)

I just read an article from Jakob Nielsen, a usability expert. The amazing article — Progressive Disclosure states that Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone.

Excerpts from the article;

Interaction designers face a dilemma:

  • Users want power, features and enough options to handle all of their special needs.
  • Users want simplicity; they don’t have time learn a profusion of features in enough depth to select the few that are optimal for their needs.

I just read an article from Jakob Nielsen, a usability expert. The amazing article — Progressive Disclosure states that Progressive disclosure defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone.

Excerpts from the article;

Interaction designers face a dilemma:

  • Users want power, features and enough options to handle all of their special needs.
  • Users want simplicity; they don’t have time learn a profusion of features in enough depth to select the few that are optimal for their needs.

    Progressive disclosure is one of the best ways to satisfy both of these conflicting requirements. It’s a simple, yet powerful idea:
  1. Initially, show users only a few of the most important options.
  2. Offer a larger set of specialized options upon request. Disclose these secondary features only if a user asks for them, meaning that most users can proceed with their tasks without worrying about this added complexity.

Benefits

In a system designed with progressive disclosure, the very fact that something appears on the initial display tells users that it’s important.

For novice users, this helps prioritize their attention so that they only spend time on features that are most likely to be useful to them. By hiding the advanced settings, progressive disclosure helps novice users avoid mistakes and saves them the time they would have spent contemplating features that they don’t need.

For advanced users, the smaller initial display also saves them time because they avoid having to scan past a large list of features they rarely use.

Progressive disclosure thus improves three of usability’s five components — learnability, efficiency of use, and error rate.

Usability Criteria

There are two things you must get right when designing for progressive disclosure:

  • You must get the right split between initial and secondary features. You have to disclose everything that users frequently need up front, so that they only have to progress to the secondary display on rare occasions. Conversely, the primary list can’t contain too many options or you’ll fail to sufficiently focus users’ attention on truly important issues. Finally, the initial display can’t contain confusing features or you’ll slow down user performance.
  • It must be obvious how users progress from the primary to the secondary disclosure levels –
  • First, make the mechanics of this operation simple. For a website, follow the guidelines for visualizing links. For an application, place the advanced features button in a clearly visible spot.
  • Second, label the button or link in a way that sets clear expectations for what users will find when they progress to the next level. (In other words, the progression should have strong information scent.)

Managing Complexity
Progressive disclosure and staged disclosure are both strategies to manage the profusion of features and options in modern user interfaces. They are both more than 20 years old and have proven themselves useful in countless applications, and even some websites. Jacob urges us to try them — but stay aware of their weaknesses.

Via — Jakob Nielsen


Don't like it? There are lots of published articles, pick a random one.

Brajeshwar posted this article on Tue, Dec 5th, 2006 at 9:33 am
Categorized under Technology

Prev Article:

Next Article:

Archives: Visit the Archives for more articles.

Comments Post Yours

There are no response so far. You can follow any responses to this entry through the RSS feed. You can skip to the end and leave a response. Pinging is currently not allowed.

Post yours

Sidenotes

Quick notes, scribbles, somehow related to this website and to what I do. Or perhaps I'm just plain lazy to make them into a full article.

12 Hottest Geek Girls on Twitter

So, you have seen the 12 Hottest Geek Girls (via Digg). However, they forgot to link them to their, hmmmmmm errrr, Twitter profiles so you can follow them. Or perhaps they felt -- they're popular ...13th Oct, 2009

Great Indian Developer Summit 2009

I got a Press Release of the upcoming GIDS '09 and here is an excerpt. The summit's program covers Java, REST, Unit testing, Groovy, Spring, Struts 2.0, SOA, Cloud Computing, Web Services, JRuby, RoR, Ruby, JVM, ...21st Jan, 2009

The flourishing gun market in Pakistan

VICE Travel: Darra, Pakistanby Top-Notch112 (Via: Deep Green Crystals) 20th Jan, 2009

Angry Ringtone for iPhone and others

[audio:http://audio.brajeshwar.com/angry-ring-ring.mp3] The ANGRY RINGTONE for iPhone. (Click the PLAY button above!) Download * iPhone Ringtone (.m4r) * MP3 Ringtone (.mp3) * Zipped (both .m4r and .mp3) To use it as an iPhone Ringtone; just double click the file "angry-ring-ring.m4r" and it ...15th Jan, 2009

IIM Ahmedabad's Leverage 2009

Leverage, the Venture Capital and Private Equity Club of IIM Ahmedabad and the Centre for Innovation Incubation and Entrepreneurship bring to you the 1st edition of the Venture Capital and Private Equity Conference on the ...12th Jan, 2009

View the Sidenotes Archive

Play the Penguin Game

Recommended

  • Ode to Apple Dedicated to Apple – Mac, iPhone, iPod, iTunes, Quicktime, Apple TV and all the awesome softwares for the Apple Mac.
  • Not Safe for Work Ever clicked a link and felt embarrassed with the content in front of your co-workers? Ever caught unaware because the funny link your friend sent was a little beyond funny? Let’s minimize that with NSWF.
  • Downloads All downloads, Free and Open Source.
  • ActionScript 3.0 Reference Flash/Flex ActionScript 3.0 Reference.
  • AS 2.0 Reference Reference for ActionScript 2.0 Programming Language used in Flash. Primarily stashed here for my own personal reference.
  • o! Just Me Of colorful cultures, entertainment, media, life hacks, music, books and movies from hollywood & bollywood.

Download free Brajeshwar Wordpress Theme

Brajeshwar

Brajeshwar I firmly believe in keeping things simple, easy for users and I envison pushing the technical envelop time and again for the betterment of viable commercial and practical applications. More about me.

Photos

More photos on Flickr

Member of 9rules Network

Since its inception on 11th June, 2001, "Brajeshwar" has 980 Articles and 6,660 comments, contained within 17 categories and 1,593 tags.