Progressive disclosure is an interaction design technique that sequences information and actions across several screens in order to reduce feelings of overwhelm for the user (Spillers 2004).
Nielsen (2006) defines progressive disclosure as a technique that “defers advanced or rarely used features to a secondary screen, making applications easier to learn and less error-prone”.
By disclosing information progressively, interaction designers reveal only the essentials and help users manage the complexity of feature-rich sites or applications. Progressive disclosure follows the typical notion of moving from "abstract to specific"; including the sequencing of user behaviors or interactions not necessarily level of detail (information). In other words, progressive disclosure is not just about displaying abstract then specific information, but rather about 'ramping up' the user from simple to more complex actions or tasks.
In its most formal definition, progressive disclosure means "to move complex and less frequently used options out of the main user interface and into secondary screens". Progressive disclosure says: "Make more information available within reach, but don't overwhelm the user with all the features and possibilities" (Spillers 2004).
Progressive disclosure is a concept that has been around since at least the early 1980's. The technique caught the attention of user interface specialists with John M. Carroll and Mary Rosson’s lab work at IBM (Carroll 1983), where they found that hiding advanced functionality early on led to an increased success of its use later on. The approach dubbed "training wheels" (Carroll 1984) is one of the only references validating the technique.
Empirical research lacking
Carroll and Rosson (1997) indicated that no empirical evidence exists regarding the effectiveness of progressive disclosure and that the training wheels approach only studied a "single computer application (word processor) and a single interface style (menu based control)".
Historically, progressive disclosure is a concept that came from the software usability experience. It is clearly easier to apply to software than it is on the Web, which is likely why few web-based progressive disclosure guidelines exist. In software, the interaction is between dialogues and 'fixed state' interactions. On the Web, interactions are chaotic, randomized and dynamic due to the fact that hypertext is a non-linear media.
Furthermore, in the software world the audience is predictable and targeted, making learning styles more predictable. On the Web, it's anybody's guess who might be using the site. The website visitor might be a particle physicist, a teen or a grandma. Learning styles, comfort levels and expectations differ greatly.
While independent usability studies have shown that appropriate usage of the progressive disclosure technique is valuable, more empirical research is clearly required.
New definitions needed
One of the weaknesses of the Carroll and Rosson studies is that they draw from Word processor metaphors (static desktop applications) and from a user base unlike the users of today who are exposed to dozens of interfaces and Internet sites today. So to, the thinking about progressive disclosure by usability practitioners is framed in early 1990’s terms.
Nielsen (2006) introduces a hybrid to progressive disclosure called “staged disclosure”, characterized by the “wizard” (back-next) interaction technique. However, as with other applications of progressive disclosure, specific context of use can paralyze the effectiveness of progressive disclosure.
Today, new definitions of progressive disclosure need to be explored as interface complexity problems change and interfaces evolve. Microsoft Office 2007 task ribbons, Apple Leopard “stacks” and “spaces”; AJAX “instant add/edit/delete” website interfaces and iPhone “pinch and zoom” interactions require us to think differently about the potential of more accessible and elegant formats of progressive disclosure displays—across all displays and devices.
Examples of progressive disclosure
An example of progressive disclosure is an online news article that is spread across four screens (with a Next Page link at the bottom). This use of progressive disclosure serves advertising objectives (showing banners on each page) and not the user's task. Another example is a Web site that explains a product by making the user click through 4-5 pages of overview/benefits information before revealing the price of the product. The idea here is that if the user reads the product information, they will accept the price more easily. The problem with that approach is that it does not accommodate free-form exploration, a typical behavior on the web.
In its purest format, progressive disclosure is about offering a good “teaser”.A good teaser can include the following:
Progressive Disclosure usability guidelines
Usability guru Jakob Nielsen has stated (2000; 2002) that progressive disclosure is one of the best interaction design techniques. In interviews, for example, Nielsen has stated:
"Good usability includes ideas like progressive disclosure where you show a small number of features to the less experienced user to lower the hurdle of getting started and yet have a larger number of features available for the expert to call up". (Sitepoint interview 2002)
"Progressive disclosure is the best tool so far: show people the basics first, and once they understand that, allow them to get to the expert features. But don't show everything all at once or you will only confuse people and they will waste endless time messing with features that they don't need yet". (Slashdot interview 2000)
In 2006, Nielsen departed from merely stating the benefit of progressive disclosure, but providing several usability guidelines for using progressive disclosure. These guidelines included:
Using user observations to increase effectiveness
Progressive disclosure is an interaction design technique that emerges out of the insights gained during Field Studies or Task Analysis (user observation of tasks). Observing users in the field, allows you to understand their workflow outside of your technology. This insight gives you the data you need to prioritize and sequence content and functionality (Spillers 2004; Nielsen 2006).
By observing user workflow, sequence of task and priority of aids used in problem-solving, researchers can gain more insight into appropriate progressive disclosure design choices. For example, by observing someone's eating habits, you'll know whether they typically look at the desert and drinks menu at the start, in the middle or at the end of the meal. You'll discover whether they like to eat the main course or their salad first and whether they drink before a meal or at the end of a meal.
Progressive disclosure is best used as a contextual research tool, taking user insights gained in ethnographic field studies, and developing design decisions based on in-depth familiarity with what will aid users most in sense-making.
As a design technique progressive disclosure’s fallacies can be prevented by basing the progressively disclosed tasks and information on actual observed user behavior. Ad-hoc use of progressive disclosure will yield inaccurate results.
Using progressive disclosure effectively on the web
The best way to think about progressive disclosure on the web is: "Only show information that is relevant to the task the user wants to focus on, on any given page".
Examples of progressive disclosure on the Web:
Forrester Research (2003) points to an example with Internet configurator tools: “Instead, minimize jarring transitions by providing the right level of detail at the right time throughout the scenario. Progressive disclosure is a design technique that reduces the complexity of an interaction by providing interface layers that incrementally introduce content and function based on the customer’s progress through the application”.
Pros and Cons of Progressive Disclosure
Progressive disclosure is powerful because it embraces several good design principles:
Benefits of Progressive Disclosure:
Dangers of Progressive Disclosure
Progressive disclosure can be powerful. It allows users to orient to a screen, figure out what they need to do, and do it in steps that reveal more complex information as they go along. The downside to it, is in its inappropriate usage. Microsoft Word 2003, for example, is full of many inappropriate uses of progressive disclosure, such as the auto-hiding extra menus that users have to repeatedly activate even if they don't use the menu item (the down arrows that appear at the bottom of any menu). Word 2007 tries to address this by moving away from hidden menu items instead opting for the task ribbon interface.
Advances in implementing Progressive Disclosure
New JavaScript and AJAX interface techniques hold great promise for resolving progressive disclosure—one the most popular interaction design techniques (Spillers 2007) specifically with regard to:
Give us your opinion! Do you have any comments/additions
that you would like other visitors to see?
Carroll, John M. (1983): Presentation and form in user interface architecture. In Byte, 8 (12) pp. 113-122.
Carroll, John M. and Carrithers, C. (1984a): Blocking learner error states in a training-wheels system. In Human Factors, 26 (4) pp. 377-389.
Carroll, John M. and Carrithers, C. (1984b): Training Wheels in a User Interface. In Communications of the ACM, 27 (8) pp. 800-806.
Carroll, John M. and Rosson, Mary Beth (1987): Paradox of the Active User. In: Carroll, John M. (ed.). "Interfacing Thought: Cognitive Aspects of Human-Computer Interaction". Cambridge, MA: MIT Presspp. 80-111
Dalton, John, Temkin, Bruce and Amato, Michelle (2003). Online Configurators Need An Overhaul. Forrester Research Reports, Forrester Research
Nielsen, Jakob (2006). Progressive Disclosure. Retrieved 3 March 2008 from Useit.com: http://www.useit.com/alertbox/progressive-disclosure.html
Sitepoint.com (2002). Interview - Jakob Nielsen, Ph.D.. Retrieved 5 March 2008 from Sitepoint.com: http://www.sitepoint.com/article/interview-jakob-nielsen-ph-d/4
Slahsdot.org (2000). Jakob Nielsen Answers Usability Questions - Slashdot.org Interview. Retrieved 8 March 2008 from Slahsdot.org: http://developers.slashdot.org/article.pl?no_d2=1&sid=00/03/03/096223
Spillers, Frank (2007). AJAX Usability Checklist. Retrieved 7 March 2008 from http://experiencedynamics.blogs.com/site_search_usability/2007/12/ajax-usability.html
Spillers, Frank (2004). Progressive Disclosure - the best interaction design technique?. Retrieved 4 March 2008 from http://experiencedynamics.blogs.com/site_search_usability/2004/03/progressive_dis.html
...with the exception of materials described in...:
Furthermore, your use of Interaction-Design.org signifies your consent to:
THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
1. Definitions
2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
For the avoidance of doubt:
The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
5. Representations, Warranties and Disclaimer
UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
7. Termination
8. Miscellaneous
The Interaction-Design.org Addendum to the Creative Commmons licence is a placeholder for additions to the Creative Commons licence, which are deemed necessary to include in consideration of Danish law and the operation of this site and The Interaction-Design.org Foundation.
Attribution must be clearly given, i.e. the author's name, the title and URL of this work/publication/web page must clearly appear. The attribution must be given in a manner appropriate to the medium in which it is given: For example, electronic copies must include a clickable URL, which does not use the nofollow attribute value.
The Interaction-Design.org Foundation reserves the unilateral right to update, modify, change and alter its Site Terms and Conditions as well as Copyright Terms at any time. All such updates, modifications, changes and alterations are binding on all users and browsers of Interaction-Design.org and will be posted here.
In some cases, a page/work may include content, such as an image, that is not covered by the copyright terms (i.e. "The Interaction-Design.org Addendum to the Creative Commons licence" and the "Creative Commons Attribution-ShareAlike 3.0 Unported"). When this is the case, we clearly label the content. For images, we also include the copyright label inside the image file (i.e. the full-resolution version) in metadata types like EXIF, IPTC, and XMP. We only include and label content with the following copyright terms:
In addition, content linked from a page is not covered by one of our licenses unless specifically noted. For example, pages may link to videos or slide decks that are not covered. The design of Interaction-Design.org (graphics, html, client-side scripts, etc.) is copyright of Mads Soegaard.
Please read these terms and conditions (the "Terms") carefully before using Interaction-Design.org. By using Interaction-Design.org you signify your consent to these Terms. If you do not agree to the Terms please do not use Interaction-Design.org. The Terms addresses your legal rights and obligations and includes important disclaimers and choice of law and forum provisions. Please read carefully.
Interaction-Design.org is owned and operated by The Interaction-Design.org Foundation, a privately held corporation incorporated under the laws of Denmark, with office in Aarhus, Denmark.
Address:
The Interaction-Design.org Foundation
Att: Mads Soegaard
Chr. Molbechs Vej 4
DK-8000 Aarhus C.
Denmark
Interaction-Design.org is run by The Interaction-Design.org Foundation, a privately held corporation residing in Aarhus, Denmark. You agree that these Terms and your use of Interaction-Design.org are governed by the laws of Denmark. You hereby consent to the exclusive jurisdiction and venue of the courts, tribunals, agencies and other dispute resolution organizations in Denmark in all disputes
The Interaction-Design.org Foundation has endeavoured to comply with all legal requirements known to it in creating and maintaining Interaction-Design.org, but makes no representation that materials on Interaction-Design.org are appropriate or available for use in any particular jurisdiction. You are responsible for compliance with applicable laws. Any use in contravention of this provision or any provision of these Terms is at your own risk and, if any part of these Terms is invalid or unenforceable under applicable law, the invalid or unenforceable provision will be deemed superseded by a valid, enforceable provision that most closely matches the intent of the original provision and the remainder of these Terms shall govern such use.
Your use of and browsing Interaction-Design.org is at your own risk. The Interaction-Design.org Foundation does not warrant that the software used for Interaction-Design.org, and the information, material, and content on it, or any other services provided by means of Interaction-Design.org are error-free, or that their use will be uninterrupted. The Interaction-Design.org Foundation expressly disclaims all warranties related to the above-mentioned subject matter, including, without limitation, those of accuracy, condition, merchantability and fitness for particular purpose. Notwithstanding anything to the contrary on Interaction-Design.org, in no event shall The Interaction-Design.org Foundation be liable for any loss of profits, revenues, indirect, special, incidental, consequential, or other similar damages arising out of or in connection with Interaction-Design.org or out of the use of any of the services proposed by means of Interaction-Design.org.
The Interaction-Design.org Foundation reserves the unilateral right to update, modify, change and alter its Site Terms and Conditions as well as Copyright Terms at any time. All such updates, modifications, changes and alterations are binding on all users and browsers of Interaction-Design.org and will be posted here.
The Interaction-Design.org Foundation and its authors make no representations as to accuracy, completeness, currentness, suitability, or validity of any information, material, or content on Interaction-Design.org.
THE MATERIAL AND CONTENT POSTED ON INTERACTION-DESIGN.ORG ARE PROVIDED "AS IS" WITHOUT ANY EXPRESS WARRANTY OR IMPLIED WARRANTY OF ANY KIND INCLUDING WARRANTIES OF MERCHANTABILITY, NON-INFRINGEMENT OF INTELLECTUAL PROPERTY, OR FITNESS FOR ANY PARTICULAR PURPOSE. IN NO EVENT SHALL THE INTERACTION-DESIGN.ORG FOUNDATION BE LIABLE FOR ANY DAMAGES WHATSOEVER (INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF PROFITS, BUSINESS INTERRUPTION, LOSS OF INFORMATION) ARISING OUT OF THE USE OF OR INABILITY TO USE THE MATERIALS, EVEN IF THE INTERACTION-DESIGN.ORG FOUNDATION HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
Because some jurisdictions prohibit the exclusion or limitation of liability for consequential and or incidental damages, the above limitation may not apply to you. Furthermore, The Interaction-Design.org Foundation does not warrant the accuracy or completeness of information of links or other items contained within these materials that have been provided by third parties.
Please contact us at mads@interaction-design.org if you, or your organization, wish to correct or change attribution or presentation of any image/material used on Interaction-Design.org, which you, or your organization, are the rightful copyright holder of. We will request that you submit proof of your ownership of the copyright on this material but will act immediately on any reasonable request.
Every effort has been made by the individual contributing authors as well as The Interaction-Design.org Foundation to discover and contact copyright holders of artwork/illustrations/content used on Interaction-Design.org. To the extent that a copyright holder could not be found or an inadvertent permissions or copyright error was made, The Interaction-Design.org Foundation stands ready to remove content upon notice and request by a copyright holder. In the case that you believe that any content or other material provided through Interaction-Design.org infringes your copyright, you should notify The Interaction-Design.org Foundation of your infringement claim in accordance with the procedure set forth below.
We will process each notice of alleged infringement which The Interaction-Design.org Foundation receives and take appropriate action in accordance with applicable intellectual property laws. A notification of claimed copyright infringement should be emailed to mads@interaction-design.org (subject: "Takedown Request"). You may also contact us by mail at:
The Interaction-Design.org Foundation
Att: Mads Soegaard
Chr. Molbechs Vej 4
DK-8000 Aarhus C.
Denmark
To be effective, the notification must be in writing and contain the following information:
All trademarks, logos, service marks, collective marks, design rights, personality rights or similar rights that are mentioned, used or cited on Interaction-Design.org are the property of their respective owners. The use of any trademark on Interaction-Design.org does not vest in the author or The Interaction-Design.org Foundation any trademark ownership rights in such trademarks, nor does the use of such trademarks imply any affiliation with or endorsement of The Interaction-Design.org Foundation and its authors by such owners. As such The Interaction-Design.org Foundation can not grant any rights to use any otherwise protected materials. Your use of any such or similar incorporeal property is at your own risk.
Screenshots of copyrighted computer software, for which the copyright is held by the author(s) or the company that created the software, is believed to fall under the fair use doctrine in the US (and similar laws in other countries). It is believed that reproduction for purposes such as criticism, comment, news reporting, teaching, or research is not copyright infringement. If you reuse screenshots, as well as any other information on Interaction-Design.org, you do so at your own risk and under the copyright laws of your country.
Abstracts in the Wiki Bibliography (/references/) are submitted by their authors who use the wiki to make their research as accessible as possible. When a page on Interaction-Design.org cites/references/lists a work from the bibliography, its abstract is included. However, abstracts have varying copyrights depending which publisher the work is published through. You should assume that an abstract is copyright, all rights reserved, of its publisher and/or author and therefore always use/cite abstracts according to Fair Use. You may visit the publisher's website to learn about the specific copyright terms (e.g. ACM, IEEE, or Springer) or contact the author directly. Bottom line: Cite/use abstracts according to the principles of fair use as it may otherwise be construed as a copyright infringement and subject to legal action.
You understand and acknowledge that additions to the Wiki Bibliography (including article abstracts), additions the Conference Calendar (including conference descriptions), user-contributed notes on each page (including text, photographs, graphics), or other materials posted by users on Interaction-Design.org ("Content") are the sole responsibility of the person from whom such Content originated. This means that you, and not The Interaction-Design.org Foundation, are entirely responsible for all Content that you upload, post or otherwise make available to other users of Interaction-Design.org.
When submitting content to Interaction-Design.org, you agree to not:
You acknowledge that The Interaction-Design.org Foundation shall have the right to remove any Content that violates these Site Terms and Conditions or is otherwise objectionable.
If we provide links or pointers to other websites, no inference or assumption should be made that The Interaction-Design.org Foundation operates, controls, or is otherwise connected with these websites. When you click on a link within Interaction-Design.org, we will not warn you that you have left a Site and are subject to the terms and conditions (including privacy policies) of the destination website. In some cases it may be less obvious than others that you have left a Site and reached another website. Please be careful to read the terms of use and privacy policy of any website before you provide any confidential information or engage in any transactions. You should not rely on these Terms for another website. The Interaction-Design.org Foundation is not responsible for the content or practices of any other website. By using Interaction-Design.org, you acknowledge and agree that The Interaction-Design.org Foundation is not responsible or liable to you for any content or other materials hosted and served from any third party website.
Email messages sent from members of The Interaction-Design.org Foundation, including emails generated from the use of the interaction-design.org website, are proprietary to The Interaction-Design.org Foundation, and are intended solely for the use of the individual to whom they are addressed. Such messages may contain privileged or confidential information and should not be circulated or used for any purpose other than for what they are intended. If you receive a message from a member of The Interaction-Design.org Foundation in error, please notify the sender immediately. If you are not the intended recipient, you are hereby notified that you are strictly prohibited from using, copying, altering, or disclosing the contents of the message. The Interaction-Design.org Foundation accepts no responsibility for loss or damage arising from the use of the information transmitted by email message including damage from virus.
Please make sure that you understand that the information provided by The Interaction-Design.org Foundation is being provided freely, and that no kind of agreement or contract is created between you and the owners, partners, users, or authors of this site, the owners of the servers upon which it is housed, the individual contributors of the The Interaction-Design.org Foundation, any project administrators, sysops or anyone else who is in any way connected with this project. If you choose to use or copy anything from from this site it does not create or imply any contractual or extracontractual liability on the part of The Interaction-Design.org Foundation or any of its members, partners, sponsors, contributors or other users. Your use of any such or similar incorporeal property is at your own risk.
Any dispute arising from the use of Interaction-Design.org or the interpretation of the terms is governed by the laws of Denmark, and shall be settled by the courts of Denmark. All communications regarding legal matters must be made in writing to
The Interaction-Design.org Foundation
Att: Mads Soegaard
Chr. Molbechs Vej 4
DK-8000 Aarhus C.
Denmark
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
-- Antoine de Saint Exupéry
Google's founder Sergey Brin is a fan of our author, Steve Mann. Steve is the father of wearable computing.
Read Steve's chapterGo ahead and link to a page on this site, we will NEVER change our URLs