Progressive disclosure: complexiteit stap voor stap onthullen
Stel je voor dat je voor het eerst een wasmachine gebruikt. Op het bedieningspaneel zie je een grote knop om het programma te kiezen, een startknop en een temperatuurregelaar. Pas als je op "extra opties" drukt, verschijnen keuzes als extra spoelen, centrifugeersnelheid of een tijdklok. De fabrikant had ook alle vijftien instellingen tegelijk zichtbaar kunnen maken, maar dan zou je waarschijnlijk afhaken voordat je zelfs maar wist hoe je het apparaat moest aanzetten.
Dit ontwerpprincipe heet progressive disclosure, letterlijk "geleidelijke onthulling". Het is een manier om interfaces — van apps en websites tot apparaten en, tegenwoordig, chatbots — zo in te richten dat gebruikers eerst alleen het hoognodige zien. Pas wanneer ze daar behoefte aan hebben, klikken of tikken ze door naar meer opties, instellingen of uitleg. Het idee komt uit de wereld van UX-ontwerp (user experience, ofwel gebruikerservaring) en HCI (human-computer interaction, de wetenschap van mens-computerinteractie), en is inmiddels zo gewoon geworden dat de meeste mensen het dagelijks gebruiken zonder de naam ervan te kennen.
Wat is het precies?
De kern van progressive disclosure is een knip tussen twee soorten functionaliteit: primaire functies, die de meeste gebruikers meteen nodig hebben, en secundaire functies, die slechts een deel van de gebruikers af en toe gebruikt. Een ontwerper laat alleen de primaire laag standaard zien en verbergt de secundaire laag achter een duidelijk gemarkeerd element, zoals een knop, pijltje of link.
In de praktijk zie je dit terug in een handvol terugkerende bouwstenen. Een uitklapmenu of "accordeon" toont eerst alleen een titel; pas bij een klik verschijnt de inhoud eronder. Een "toon meer"-knop knipt lange tekst of lange lijsten af totdat de lezer aangeeft meer te willen zien. Een wizard — een stapsgewijze reeks schermen, bijvoorbeeld bij het instellen van een nieuwe telefoon — laat op elk moment maar één keuze zien in plaats van een lang formulier met tientallen velden. Tooltips (korte tekstballonnetjes die verschijnen als je met de muis over een icoon zweeft) geven uitleg zonder dat die uitleg permanent ruimte inneemt. En veel software heeft een knop "geavanceerd" of "expertmodus" die extra instellingen ontsluit voor wie daarnaar op zoek is.
De onderliggende reden dat dit werkt, heeft te maken met wat cognitiewetenschappers cognitieve belasting noemen: de hoeveelheid mentale inspanning die iemand nodig heeft om informatie te verwerken. Het menselijk werkgeheugen kan maar een beperkt aantal zaken tegelijk vasthouden. Elke extra knop, elk extra veld en elke extra zin op een scherm vraagt aandacht, ook als je hem niet gebruikt. Door secundaire informatie pas te tonen op het moment dat iemand erom vraagt, houd je het eerste scherm overzichtelijk en verlaag je de drempel om te beginnen.
Wat wil men ermee bereiken?
Het achterliggende doel is een lastige balans: een interface moet tegelijk leerbaar zijn voor nieuwkomers en efficiënt voor ervaren gebruikers. Een compleet kale interface met slechts drie knoppen is makkelijk te leren, maar frustreert een expert die snel bij geavanceerde functies wil. Een interface die alles tegelijk toont, is voor de expert misschien prettig, maar schrikt een beginner af. Progressive disclosure probeert dit dilemma op te lossen door beide groepen te bedienen: de beginner ziet een eenvoudig startpunt, de expert weet waar hij moet klikken om verder te komen.
Het idee is niet nieuw. Al in 1985 beschreven onderzoekers John Gould en Clayton Lewis in hun invloedrijke artikel "Designing for Usability: Key Principles and What Designers Think" hoe interfaces stapsgewijs complexiteit moeten opbouwen in plaats van alles ineens te tonen. In de jaren negentig en tweenduizend werd het begrip verder uitgewerkt en gepopulariseerd door de Amerikaanse usability-onderzoeker Jakob Nielsen, medeoprichter van het adviesbureau Nielsen Norman Group, die het als vaste term in het UX-vakjargon introduceerde. Sindsdien is het een van de meest aangehaalde ontwerpheuristieken (vuistregels) in de vakliteratuur over interfaceontwerp.
Voorbeelden uit de praktijk
Het principe duikt overal op zodra je erop let. Een klassiek voorbeeld zijn de zogeheten disclosure triangles (onthullingsdriehoekjes) in de Mac-besturingssystemen van Apple: kleine pijltjes waarmee je sinds de vroege jaren van Mac OS mappen of instellingen kunt uit- en inklappen zonder dat de rest van het scherm vol raakt.
Google nam progressive disclosure expliciet op als aanbeveling in zijn ontwerprichtlijnen Material Design, die het bedrijf in 2014 lanceerde voor Android en zijn eigen apps. Daarin staat letterlijk beschreven hoe ontwerpers geavanceerde opties moeten verbergen tot een gebruiker er actief naar zoekt.
Microsoft paste een vergelijkbare aanpak toe bij de herziening van Office in 2007, toen het bedrijf de klassieke menubalk verving door het "lint" (ribbon): tabbladen tonen groepen knoppen die passen bij een taak, terwijl minder gebruikte functies verstopt zitten achter kleine pijltjes die extra dialoogvensters openen.
Ook zoekmachines gebruiken het principe al sinds de jaren negentig: Google en andere zoekdiensten tonen standaard alleen een zoekbalk, en verbergen "geavanceerd zoeken"-opties zoals filters op datum, taal of bestandstype achter een aparte link of instellingenmenu.
Een recenter voorbeeld is te vinden in AI-chatbots zoals ChatGPT en vergelijkbare systemen: die geven vaak eerst een kort, direct antwoord en bieden pas op verzoek — bijvoorbeeld via een knop "leg uit" of een vervolgvraag — een uitgebreidere toelichting of onderliggende redenering.
Hoe ver is de techniek?
Progressive disclosure is geen opkomende technologie met laboratoria en doorbraken, maar een volwassen, decennialang beproefd ontwerpprincipe binnen UX en HCI. Er is dan ook geen "ontwikkelstatus" in de zin van rijpheid of technische haalbaarheid; het idee wordt al sinds de jaren tachtig en negentig breed toegepast in software en apparaten.
Wat wel verandert, is het domein waarop het wordt toegepast. Met de opkomst van AI-chatbots, spraakassistenten (zoals Siri of Google Assistant) en augmented en virtual reality (AR/VR) zoeken ontwerpers naar nieuwe manieren om het principe te vertalen naar omgevingen zonder traditionele knoppen en menu's. In een gesprek met een chatbot bijvoorbeeld bestaat er geen vast scherm met uitklapmenu's; de "onthulling" moet dan via taal verlopen, met korte antwoorden die op verzoek worden uitgebreid. Hoe je dat het beste doet, is nog volop onderwerp van onderzoek en experiment, niet een uitgekristalliseerde standaard.
Er kleven ook bekende nadelen aan het principe. Het grootste risico is dat gebruikers functies simpelweg niet vinden omdat ze verstopt zitten achter een klik die niemand maakt — in de vakliteratuur soms "the mystery meat problem" genoemd, naar onduidelijke knoppen waarvan de inhoud pas na een klik blijkt. Er bestaat bovendien geen exacte formule voor hoeveel je moet verbergen en hoeveel je moet tonen: het is een vuistregel, geen wiskundige wet, en ontwerpers moeten dit per product uittesten, bijvoorbeeld met gebruikersonderzoek. Te veel verbergen maakt een product ontoegankelijk voor gevorderde gebruikers; te weinig verbergen overweldigt beginners. Die afweging blijft mensenwerk.
Wie werken eraan?
Omdat het om een ontwerpprincipe gaat en niet om een technologie die "uitgevonden" moet worden, is er geen centraal onderzoekslab dat eraan werkt. Wel zijn er partijen die de richtlijnen actief onderhouden en verspreiden. Nielsen Norman Group, het adviesbureau van Jakob Nielsen en Don Norman, publiceert regelmatig onderzoek en artikelen over wanneer en hoe progressive disclosure effectief is.
Grote softwarebedrijven leggen het principe vast in hun eigen ontwerpsystemen: Apple in de "Human Interface Guidelines", Google in "Material Design", en Microsoft in zijn "Fluent Design System". Deze documenten worden gebruikt door duizenden ontwikkelaars en ontwerpers wereldwijd die apps en websites bouwen voor de platforms van deze bedrijven.
Daarnaast wordt het onderwerp bestudeerd binnen de academische HCI-gemeenschap, onder meer op de jaarlijkse ACM CHI-conferentie, een van de belangrijkste wetenschappelijke bijeenkomsten over mens-computerinteractie. Ook raakt het principe aan toegankelijkheidsrichtlijnen van het World Wide Web Consortium (W3C), omdat een overzichtelijke, gefaseerde interface vaak ook beter te gebruiken is voor mensen met een cognitieve beperking of met hulpmiddelen zoals schermlezers.