Velge flere

Tjenestene våre er fulle av valg som folk må ta. De kan ta ett valg, mange samtidig, på stor og liten plass og i ulike sammenhenger. Dette mønsteret inneholder anbefalinger og eksempler på denne type valg.

Noen anbefalte hovedregler:

Tenk gjennom hva brukeren har størst behov for; ha oversikt over alle valgene hele tiden, eller se hva hen har valgt.
Tilpass løsningen til antall valg du har og hvor mye plass du har tilgjengelig. Vi skiller mellom «5 eller færre», «5-15» og «flere enn 15 valg».
I komplekse situasjoner bør du bruke søk, gruppering og hjelpetekster og andre virkemidler for å veilede brukeren.

5 eller færre valg

Bruk radioknapper når du skal velge ett element i en kort liste.

Gjør slik: Bruk radioknapper med ett valg

Bruk avhukingsbokser når du kan velge flere elementer innenfor samme liste.

Gjør slik: Avhukingsbokser ved flere valg

Hvis du har flere spørsmål eller valg kan det være nyttig å dele dem opp i gjensidig utlukkende grupper.

Gjør slik: Del i grupper

Når det er viktigere å vise brukerens valg enn å tilby oversikt over alle oppgaver, kan du legge valgene i en Modal.

Gjør slik:

5 til 15 valg

Når brukeren har behov for å få en oversikt over alle valg, bør du etterstrebe å vise dem, for eksempel i en CheckboxGroup

Gjør slik: vis komplett liste for oversikt

Når du har kompakte elementer som er lette å «sortere» kan du plassere dem løpende i form av Chips.

Gjør slik: Vis valg når du har plass

Bruk nedtrekksmeny hvis du har mindre plass og ikke trenger å tilby oversikt over alle mulig valg.

Gjør slik: Bruk nedtrekksmeny når du har lite plass

Mange valg

Hvis det er sannsynlig at brukeren vet hva valget er, kan du bruke Textfield (datalist) for å autofullføre innholdet i tekstfelt

Gjør slik:

I komplekse situasjoner kan du hjelpe brukeren med å finne, forstå og få til ved aktiv bruk av søk, filter, grupperinger og hjelpetekster.

Gjør slik: Veiled i komplekse situasjoner