Publisert: 04.02.2021

Velg riktig element når brukerne får flere valg

Hvordan gjør du det?

  • Bruk radioknapper når du vil at brukerne skal velge ett blant få alternativ, for eksempel ulike betalingsmåter eller ja/nei-spørsmål.
  • Bruk avkrysningsbokser når brukerne skal kunne velge flere alternativer blant et relativt begrenset antall alternativ.
  • Hvis du har mer enn en håndfull alternativ og brukerne kun skal velge ett, er nedtrekksliste det mest fornuftige valget.

Husk at det er lurt å begrense antall valg ved å gjenbruke den informasjonen du allerede har om brukeren.

Hvorfor er dette lurt?

  • Å følge konvensjonene for hvordan vi presenterer ulike valg, er avgjørende for en god brukeropplevelse.
  • Det er krevende for alle å lese lange lister, ikke minst på mobil eller andre små skjermer. Derfor bør vi bruke formen som passer best til antallet alternativer vi vil presentere.
  • Lange og omfattende lister fungerer ekstra dårlig for svaksynte brukere som er avhengige av forstørrelsesprogramvare.

Bruk du-form i ledetekst, og jeg-form i alternativer

Hvordan gjør du det?

Tenk på teksten som en samtale.

Skriv ledeteksten, spørsmål og informasjon til brukerne i du-form.

Brukernes svar blir i jeg-form i

  • alternativene i avkrysningsbokser, radioknapper og nedtrekksmenyer
  • felt eller eksempler på svar
  • informasjon brukerne skal samtykke til

Hvorfor er dette lurt?

Å forme teksten som en samtale gjør interaksjonen mellom brukerne og systemet mer intuitivt:

  • Alternativer og eksempler på svar får en form brukerne opplever som logisk.
  • Brukerne opplever innholdet som mer relevant når vi henvender oss direkte til dem.
  • Det blir enklere for alle å forstå hvem som gjør hva.

Bruk etablerte formuleringer, spørsmål eller en oppfordring for å få fram hva brukerne skal svare på

Hvordan gjør du det?

Både et spørsmål og en kortere formulering kan fungere godt for å få fram hva brukerne skal gjøre, men de to alternativene egner seg i litt ulike situasjoner:

  • Bruk etablerte formuleringer der det finnes enkle, standardiserte svar som brukerne kjenner godt, for eksempel Navn, Sivilstatus, Adresse. Korte formuleringer egner seg også hvis kategoriene er kjent og tjenestene enkle, for eksempel Tidspunkt for henting eller Velg tidspunkt.
  • Vurder alltid spørsmål eller en beskrivende oppfordring når tema og svaralternativer er mindre kjent for brukerne.

Eksempler

Foto: N/A

Når brukerne kjenner godt til feltene og svarene de skal gi, er det ikke effektivt å bruke lange spørsmål. På den andre siden er ordet «Omfang» lite selvforklarende og avgrensende. Her er det bedre med et spisset spørsmål.

Foto: N/A

Eksempel på god tekst. Korte formuleringer over vanlige felt hvor brukeren skal skrive inn navn og velge tidspunkt. Spørsmålet «Hva trenger du hjelp til?» der brukeren skal skrive en lengre og mer åpen beskrivelse

Hvorfor er dette lurt?

  • Mange brukere foretrekker at teksten er kort, ikke minst når de er stresset og travle eller leser på liten skjerm. Det hjelper likevel lite at formuleringen er kort hvis brukerne ikke klarer å se sammenhengen mellom teksten og sin egen situasjon. Derfor må vi alltid vurdere hvilket alternativ som er best.
  • En spørsmålsformulering blir en spisset oppgaveformulering som gjør det enkelt for brukerne å forstå hva de skal svare på. Spørsmål fører ofte til at brukerne svarer ganske kort. Ønsker vi en lengre redegjørelse, kan det være bedre å bruke en oppfordring, f.eks. Beskriv hva du trenger hjelp til i løpet av en dag.
  • Spørsmål bidrar ofte til at tjenesten får en samtaleform og et språk målgruppen kjenner seg igjen i. Tonen blir også mer imøtekommende når vi bruker spørsmål enn om vi bare bruker oppfordringer (imperativ) eller stikkord.

Sørg for logisk sammenheng mellom ledetekst og svaralternativ

Hvordan gjør du det?

Ledeteksten (label) og svaralternativene skal henge logisk sammen uansett om ledeteksten er et spørsmål, en oppfordring eller et enkeltord:

  • Velg den formen som gjør at hvert alternativ kan leses som en logisk respons på ledeteksten.
  • Sørg for at alle alternativer har samme språklige form – enten fullstendige setninger, ett eller flere ord.

Eksempler

Foto: N/A

Her henger ikke svaralternativene sammen med spørsmålet brukerne skal svare på. Det kan gjøre at brukerne blir usikre og bruker lang tid på å svare.

Foto: N/A

Her henger spørsmålet sammen med alternativene brukerne skal svare på. Spørsmålet er et tydelig ja/nei-spørsmål, og er basert på samme informasjon.

Hvorfor er dette lurt?

Det tar mer tid for brukerne å lese og forstå valget de skal ta, hvis svarene ikke henger logisk sammen med innledningsspørsmålet eller -setningen. Vi vil at løsningen skal være effektiv å bruke og lite krevende for alle som bruker den.

Start hvert alternativ med stor forbokstav

Hvordan gjør du det?

Bruk stor forbokstav uansett om alternativene er fullstendige setninger, ett ord eller noe midt imellom.

Hvorfor er dette lurt?

  • Det har blitt en konvensjon at alternativer har stor forbokstav uavhengig av formen på alternativene. Følger vi konvensjonene, gjør vi det enklere å bruke løsningen.
  • Konvensjonen om stor forbokstav gjør at vi ikke bør bruke de norske skrivereglene for punktoppstillinger på nedtrekksmenyer og avkrysningslister. (Norske skriveregler sier stor forbokstav bare ved fullstendige setninger, ellers liten forbokstav.) 

Vurder å skrive hvor mange alternativer brukerne kan velge

Hvordan gjør du det?

Det kan være lurt å presisere om brukerne får velge ett eller flere alternativer.

Avkrysningsbokser:

  • Få fram at brukerne kan velge flere alternativer.
  • Husk også at ett valg skal være mulig, slik at teksten ikke utelukker den muligheten.

Radioknapper:

  • Få fram at brukerne bare får ett valg.

Hvorfor er dette lurt?

Ikke alle kjenner til forskjellen på radioknapper og avkrysningsbokser. Å tydeliggjøre valgmulighetene gjør at flere forstår hva de skal gjøre.

Lenkeblokk Icon «Status Trackers and Progress Updates» av Nielsen Norman Group (engelsk)

Gi all relevant informasjon før brukerne skal svare

Hvordan gjør du det?

All nyttig informasjon bør stå enten over eller til venstre for der brukerne skal utføre selve handlingen. Det gjelder for eksempel:

  • ledetekst (label)
  • instrukser
  • hjelpetekst, veiledning eller mer informasjon

Eksempler

Foto: N/A

Her kommer viktig og relevant informasjon etter valget, og er lite synlig for brukerne. Det bryter den logiske rekkefølgen og kan gjøre at brukerne velger feil.

Foto: N/A

Her får brukerne all viktig og relevant informasjon før valget. Det følger den logiske rekkefølgen og gjør brukerne tryggere på at de velger riktig.

Hvorfor er dette lurt?

  • Brukerne skal slippe å prøve og feile, derfor bør de få all relevant informasjon før de skal velge et alternativ eller fylle ut et felt. Det gir dem bedre sjanse til å ta riktig valg på første forsøk.
  • Plasserer vi informasjonen over feltet, legger vi til rette for at brukerne enkelt kan skanne teksten når de leser ovenfra og ned, fra venstre mot høyre (F-mønster).
Lenkeblokk Icon «Website Forms Usability: Top 10 Recommendation» av Nielsen Norman Group (engelsk)