Onboarding
Progressiv afsløring
Progressiv afsløring viser kun de vigtigste muligheder først og udskyder avancerede eller sjældent brugte funktioner til en sekundær visning, brugeren selv kan folde ud. Det løser spændingen mellem funktionsrigdom og enkelhed. Litteraturen er overvejende ekspertvejledning (NN/g), ikke hårde effektmålinger — så her er princippet og dets grænser.
Definition
Progressiv afsløring viser kun det nødvendige først og afslører mere funktionalitet, efterhånden som brugeren har brug for det.
Hvorfor det virker
Progressiv afsløring forbedrer tre usability-komponenter på én gang: læringsvenlighed (nye brugere prioriterer det væsentlige), effektivitet (erfarne slipper for at scanne irrelevante muligheder) og fejlrate (forvirrende indstillinger skjules). Det er Nielsen Norman Groups rammesætning — ikke et måletal.1
Selve det, at en mulighed står i den indledende visning, signalerer, at den er vigtig — det hjælper brugeren med at prioritere sin opmærksomhed.1
Der er en konkret designgrænse: designs, der går ud over to afsløringsniveauer, har typisk lav usability, fordi brugere farer vild mellem niveauerne.1
Accordions — en almindelig form for progressiv afsløring — mindsker rod og scroll, men øger til gengæld interaktionsomkostningen og gør indhold mindre synligt. Det er en trade-off, ikke en ubetinget gevinst.2
Hvornår du bruger det — og hvornår ikke
Hvornår du bruger det
- Produktet har både simple og avancerede brugsscenarier.
- Nye brugere skal hurtigt kunne komme i gang.
- Avancerede valg kan gemmes bag “flere indstillinger”.
Hvornår du bør undgå det
- Alle valg er lige vigtige og bruges lige ofte.
- At gemme funktioner væk vil forvirre mere end hjælpe.
Best practices
Find den rigtige opdeling mellem primært og sekundært
Alt, brugeren har brug for ofte, skal vises i den indledende visning; kun avanceret eller sjældent brug udskydes. En forkert opdeling flytter blot kompleksiteten.1
Gør vejen til de skjulte muligheder åbenlys
Tydelige labels og synlige knapper (fx »Avancerede indstillinger«) skal signalere, hvad der gemmer sig — en klar »information scent«.1
Bliv ved maks. to afsløringsniveauer
Har du brug for tre eller flere, så forenkl designet eller gruppér indholdet stærkere i stedet.1
Undgå flere veje til de samme sekundære muligheder
Da målet er at fremme den indledende visning, er det sjældent en god idé at tilbyde flere måder at nå de skjulte muligheder på.1
Skjul aldrig kritisk information
Det, brugeren skal se for at træffe en beslutning (fx pris eller vilkår), skal være synligt fra start — ikke bag et klik.2
Brug tydelige overskrifter og genkendelige ikoner
En caret eller et plus på foldbare sektioner lader brugeren forudsige indholdet, før de klikker.2
Tillad flere åbne sektioner, hvor der sammenlignes
Kan brugeren have brug for at læse på tværs, så tilbyd »fold alle ud« og lad flere sektioner være åbne samtidig.2
Typiske fejl
For mange niveauer
Tre eller flere afsløringsniveauer får brugere til at fare vild.
At skjule noget, brugeren bruger ofte
Så tvinges brugeren gentagne gange til at folde ud — kompleksiteten er blot flyttet, ikke fjernet.
Svag information scent
Uklare labels gør, at brugeren ikke opdager eller ikke tør klikke ind til de skjulte muligheder.
Accordions hvor det meste indhold skal bruges samtidig
Så øger man scroll og interaktionsomkostning uden gevinst.
Kritisk beslutningsinformation gemt bag et klik
Pris, vilkår og lignende hører til i den primære visning.
Eksempler i praksis
Print-dialogen
Nielsen Norman Groups eget kerneeksempel: grundlæggende valg vises først, og »avancerede indstillinger« afslører sjældent brugte muligheder som skalering og omvendt rækkefølge.
Opsætningsguider (wizards)
Det klassiske eksempel på »staged disclosure« — en lineær trinsekvens, hvor kun et delsæt af mulighederne vises pr. trin.
Ofte stillede spørgsmål
Hvad er progressiv afsløring?
Et designprincip, hvor du kun viser de vigtigste muligheder først og først afslører avancerede eller sjældent brugte funktioner, når brugeren beder om dem. Det gør grænsefladen enklere at lære uden at fjerne funktionalitet.
Hvornår bør jeg bruge progressiv afsløring?
Når en grænseflade har mange funktioner, men de fleste brugere kun bruger en lille del af dem i det daglige. Du fremhæver det hyppige og gemmer det avancerede væk uden helt at fjerne det.
Hvad er forskellen på progressiv og »staged« afsløring?
Progressiv afsløring er hierarkisk — du folder avancerede muligheder ud fra en primær visning. Staged afsløring er lineær — brugeren gennemløber en række trin (en wizard), hvor kun et delsæt vises pr. trin.
Hvor mange niveauer af afsløring bør jeg have?
Højst to. Går du ud over to niveauer, farer brugere typisk vild. Har du brug for flere, bør du i stedet forenkle designet eller gruppere indholdet tydeligere.
Er accordions det samme som progressiv afsløring?
Accordions er én måde at implementere progressiv afsløring på. Men undgå dem, hvis brugeren har brug for det meste af indholdet på én gang, da de øger scroll og interaktionsomkostning.
Skjuler jeg ikke bare vigtig information for brugeren?
Kun hvis du laver den forkerte opdeling. Alt, brugeren har brug for ofte — og al kritisk beslutningsinformation — skal blive i den primære visning. Kun avancerede eller sjældent brugte ting udskydes, og altid med en tydelig vej ind til dem.