Webdesign en gebruiksvriendelijkheid · Bijgewerkt op
Progressive disclosure: geef bezoekers informatie op het juiste moment
Een rustige website hoeft niet weinig informatie te bevatten. Het gaat erom dat bezoekers eerst zien wat zij nodig hebben om verder te kunnen. Met progressive disclosure maak je aanvullende informatie beschikbaar wanneer die relevant wordt. Zo hoeft niet alles tegelijk om aandacht te vragen.
Wat is progressive disclosure?
Progressive disclosure is een ontwerpprincipe waarbij de belangrijkste mogelijkheden direct zichtbaar zijn en aanvullende mogelijkheden pas op verzoek verschijnen. Nielsen Norman Group beschrijft het vooral als een manier om geavanceerde of minder gebruikte functies op een tweede niveau aan te bieden.
Bij bedrijfswebsites kunnen wij hetzelfde principe toepassen op informatie: eerst een begrijpelijk overzicht, daarna verdieping voor bezoekers die die nodig hebben. Dat is onze praktische vertaling naar webdesign, geen garantie op meer aanvragen.
Denk aan een dienstpagina met een heldere omschrijving en een zichtbare werkwijze. Uitgebreide technische details staan achter een beschrijvende link. Een geïnteresseerde ondernemer kan zich verder verdiepen, terwijl een andere bezoeker de hoofdlijn kan volgen.
Een herkenbaar voorbeeld: een website voor een installatiebedrijf
Stel: een ondernemer zoekt een partij om de verlichting in zijn bedrijfspand te vernieuwen. Op de dienstpagina ziet hij meteen een lange lijst armaturen, technische waarden, garantieregels en installatievoorwaarden. De informatie is aanwezig, maar het antwoord op zijn eerste vragen staat ertussen verstopt: doet dit bedrijf dit soort projecten, hoe verloopt het traject en wat is een logische vervolgstap?
Wij zouden de pagina beginnen met het type project, voor wie de dienst bedoeld is en hoe een eerste beoordeling verloopt. Daarna volgen een relevant projectvoorbeeld en een duidelijke mogelijkheid om het project te bespreken. Technische specificaties blijven beschikbaar onder ‘Bekijk de technische mogelijkheden’.
Het doel is geen kortere pagina om de kortere pagina. Het doel is een volgorde die past bij de beslissing die iemand probeert te nemen.
Wat moet direct zichtbaar blijven?
Niet iedere vraag hoort achter een uitklapper. Informatie die bepaalt of iemand überhaupt wil doorgaan, verdient doorgaans een zichtbare plek.
Voor een zakelijke dienst kan dat bijvoorbeeld zijn:
- Welke werkzaamheden binnen de dienst vallen.
- Voor welk type klant of project de dienst geschikt is.
- Een minimuminvestering of prijsopbouw, als die bepalend is voor de keuze.
- Een belangrijke beperking, zoals een werkgebied of minimale projectomvang.
- Wat er gebeurt na een aanvraag.
Welke informatie essentieel is, verschilt per bedrijf. Wij baseren die keuze liever op klantvragen en de inhoud van echte aanvragen dan op de wens om een ontwerp zo leeg mogelijk te maken.
Wat kan op een tweede niveau?
Denk aan technische toelichtingen voor een beperkte groep bezoekers, aanvullende voorbeelden en minder vaak gestelde vragen. Die informatie hoeft niet op de voorgrond te staan, zolang de route ernaartoe duidelijk blijft.
Een beschrijvend label helpt daarbij. ‘Welke onderhoudswerkzaamheden zijn inbegrepen?’ geeft meer richting dan ‘Meer informatie’. Dat sluit aan op information scent: de aanwijzingen waarmee bezoekers inschatten waar een link hen brengt.
Het verschil met een formulier in meerdere stappen
Progressive disclosure en een stappenformulier worden soms op één hoop gegooid. Toch lossen ze niet altijd hetzelfde probleem op.
Bij progressive disclosure vraagt een bezoeker extra informatie of mogelijkheden op wanneer die nodig zijn. Bij een formulier in meerdere stappen doorloopt iemand een reeks schermen om één taak af te ronden. Als alle velden alsnog verplicht zijn, is de totale hoeveelheid werk niet automatisch kleiner.
Wij beoordelen daarom eerst wat werkelijk nodig is. Een formulier opdelen helpt weinig als het bedrijf gegevens vraagt die pas tijdens een later gesprek relevant worden. Een korte, duidelijke aanvraag kan beter passen dan een uitgebreide intake vóór het eerste contact.
Een uitklapper moet herkenbaar en bedienbaar zijn
Een accordion, of uitklapper, is één mogelijke uitwerking. Het is geen verplicht onderdeel van progressive disclosure. Een aparte detailpagina kan ook passend zijn.
Als wij uitklappers gebruiken, moet duidelijk zijn dat de titel bedienbaar is en of de inhoud open of dicht staat. De W3C-richtlijn voor het accordion-patroon beschrijft onder meer bediening met het toetsenbord en het doorgeven van die open- of dichtstatus aan ondersteunende technologie.
Een mooi plusje alleen is dus niet de hele oplossing. Ook iemand die een toetsenbord of schermlezer gebruikt, moet de verdieping kunnen bereiken.
Hoe wij bepalen wat eerst komt
Wij beginnen bij de vragen die een potentiële klant moet beantwoorden voordat een aanvraag logisch voelt. Welke informatie helpt om te bepalen of het aanbod past? Welke uitleg is alleen nodig voor een specifieke situatie? En wat moet iemand weten voordat hij op een knop klikt?
Daarna vertalen wij die volgorde naar de pagina. Dat kan betekenen dat we onderdelen samenvoegen, belangrijke uitleg juist zichtbaar maken of detailinformatie een eigen plek geven. Wij kunnen zowel de beoordeling als het ontwerp en de uitvoering verzorgen. Je hoeft een advies dus niet zelf nog naar een werkende website te vertalen.
Hoe beoordeel je of het werkt?
Een lager aantal geopende uitklappers bewijst niet dat de pagina beter werkt. Misschien vonden bezoekers de extra informatie niet nodig, maar misschien zagen zij niet dat die beschikbaar was.
Wij kijken daarom ook naar begrip en taakuitvoering. Kan iemand uitleggen wat het bedrijf aanbiedt? Vindt hij de voorwaarden die voor zijn situatie belangrijk zijn? Kan hij zonder omwegen een passende aanvraag doen?
Meetgegevens kunnen daarbij helpen, bijvoorbeeld succesvolle aanvragen en het aandeel daarvan dat tot een relevant gesprek leidt. Bij voldoende verkeer kan een gecontroleerde vergelijking zinvol zijn. Bij weinig verkeer zijn gebruikersonderzoek en gesprekken over echte aanvragen nuttig om problemen te herkennen. Een verschil voor en na een wijziging bewijst op zichzelf geen oorzaak.
Rust ontstaat door duidelijke prioriteiten
Progressive disclosure helpt om hoofdzaak en verdieping een logische plek te geven. De belangrijke informatie blijft zichtbaar; aanvullende informatie is bereikbaar wanneer een bezoeker die nodig heeft.
Wil je een website die rustig oogt en tegelijk voldoende antwoord geeft? Wij bekijken welke informatie jouw bezoekers nodig hebben en kunnen de verbeteringen ook uitvoeren.
Bekijk website optimaliseren →
Bronnen en verdieping
De bronnen onderbouwen het begrip. De websitevoorbeelden en verbeteracties zijn onze praktische vertaling, geen gemeten resultaten uit deze onderzoeken.