Rekkefølge på elementene i et spørsmål

1. Spørsmålet kommer først. Spørsmålet burde vært en Label eller Legend koblet til et element eller et fieldset. Komponentene i biblioteket vårt gir deg denne funksjonaliteten automatisk.
2. Beskrivelse. En god beskrivelse inneholder informasjon om hvordan brukeren skal svare på spørsmålet du stiller.
3. Svaralternativer kommer direkte etter spørsmålet, eller beskrivelsen om du har det. Dette gjør det effektivt for alle å svare på spørsmålet, om de har informasjonen de trenger.
4. ReadMore kommer etter svaralternativene.
5. Alert i tilfeller hvor svaret brukeren gir har konsekvenser for saken deres.

Hvorfor ReadMore bør plasseres etter svaralternativene og ikke før

Mange ønsker å tilby enda mer informasjon om spørsmålet til brukeren før de svarer. I noen tilfeller er dette nødvendig fordi vi jobber med kompliserte regelverk, og systemer. Likevel anbefaler vi å plassere ReadMore komponenten under svaralternativene.

1. ReadMore er enkel å overse. Dette medfører at informasjonen som gis gjennom komponenten ikke bør være nødvendig for at brukeren skal kunne svare på spørsmålet som stilles, så langt det lar seg gjøre.
2. Den andre grunnen går på tilgjengeligheten av komponentene. Når innholdet mellom et spørsmål og svaralternativene gjør at avstanden mellom dem blir stort mister bruker fokus på spørsmålet som stilles. Dette gjelder spesielt for folk med kognitive utfordringer, og ikke minst personer som ikke har norsk som førstespråk.

Les gjennom ReadMore-dokumentasjonen før du inkluderer den. Det kan være bedre måter å formidle informasjon til en bruker i ditt tilfelle.

Som alltid deles denne informasjonen med forbehold om at det finnes unntak ved disse anbefalingene. Det er er du som fagperson, og dere som team, som tar den endelige avgjørelsen i deres løsning. Inkluder gjerne oss i designsystemet om dere ser utfordringer med anbefalingen.

Eksterne tips og ressurser

• Enkle, og ofte glemte, grep for å forbedre søknadene du lager, fra Nielsen Norman Group.
• Vi har ikke noen gode retningslinjer for spacing enda, men Nielsen Norman Group har noen råd til bruk av avstand og gruppering i skjemaer.
• Om du har behov utenfor skjema-elementene i komponentbiblioteket kan det vært lurt å lese W3C sin guide om skjemaer.