RadioButton
Når vi vil at brukeren skal velge ett alternativ blant to til fire mulige.
Prinsipper
Over radioknappene setter vi normalt inn en tydelig overskrift, som forteller hva det er brukeren skal velge mellom. Radioknappene skal alltid beskrives med en slik overskrift, men den kan i noen tilfeller skjules visuelt. I tillegg skal hver radioknapp alltid ha en kort og tydelig ledetekst til høyre for knappen, som beskriver alternativet.
Plassering
Som regel opptrer radioknapper i en gruppe med en overskrift, der radioknappene er listet opp under. I noen tilfeller kan radioknappene bakes inn i større komponenter for å skille mellom ulike velg, som for eksempel ulike (gjensidig utelukkende) mulige forsikringsprodukter.
Når skal du bruke radio buttons?
Ikke bruk kun én radioknapp alene
Bruk to eller flere radioknapper sammen
Bruk heller avkrysningsbokser der brukeren kan ta flere valg
Antall valg
Ikke bruk radioknapper hvis det er for mange valg
Bruk heller nedtrekkslister hvis det er mange valg
Layout
Ikke sett radioknapper ved siden av hverandre
Stable radioknapper vertikalt så det er lett å skille valgene
Bryter
Ikke bruk radioknapper for valg som trer i kraft umiddelbart
Bruk heller toggle for valg som trer i kraft umiddelbart