Ledetekster og spørsmål i skjema

Ledeteksten er den teksten som forteller brukerne hva de skal svare på hvert enkelt spørsmål i et skjema. Du kan bruke beskrivelse til å forklare brukerne vanskelige begreper, eller fortelle hvorfor de skal svare. Noen kaller ledetekst for spørsmålstekst og beskrivelse for hjelpetekst.

Det er spesielt viktig at du tenker over hvordan du stiller spørsmål i det offentlige, fordi brukerne ofte er redde for å svare feil.

Unable to parse html

const WithRows = () => {
  return (
    <Textfield
      label='Etternavn (Dette er en ledetekst)'
      description='Skriv bare det siste etternavnet. Hvis det er etternavn med bindestrek kan du skrive hele navnet. (Dette er en beskrivelse)'
      multiline
      rows={4}
    />
  );
};

render(<WithRows />)

Be bare om opplysninger du har bruk for.

Tenk over

• om du kan gjenbruke informasjon du allerede har om brukeren
• hvorfor du trenger opplysningene
• hva du skal gjøre med opplysningene

Tenk på teksten som en samtale

Når vi henvender oss direkte til brukerne med «du» og «jeg», opplever de innholdet mindre teknisk og mer som en samtale. Det blir også lettere for brukerne å forstå hva de skal svare.

Sjekk at det er mulig å lese svaralternativene som en logisk respons på ledeteksten. Vurder om du bør ha med svaralternativer brukerne kan velge hvis de ikke vet hva de skal svare, for eksempel «Jeg er ikke sikker» eller «Vet ikke».

Skriv korte og presise ledetekster

Brukerne foretrekker korte tekster, særlig når de er stresset og travle eller leser på liten skjerm.
Bruk etablerte formuleringer når du kan for å ha så korte ledetekster som mulig.

Velg mellom etablerte formuleringer, beskrivende oppfordringer eller spørsmål

Disse tre måtene å formulere en ledetekst på egner seg best i litt ulike situasjoner.

• Bruk etablerte formuleringer der brukeren ikke er i tvil om hva svaret er, for eksempel Fødselsnummer og Sivilstatus.
• Bruk spørsmål når temaet og svaralternativene er mindre kjent for brukerne. Tonen blir også mer imøtekommende med spørsmål.
• Oppfordringer kan bidra til å gjøre ledeteksten kortere og mer presis sammenlignet med spørsmål.

Spørsmål fører ofte til at brukeren svarer ganske kort. Hvis du trenger utfyllende svar, kan det være bedre å bruke en oppfordring, for eksempel «Beskriv hva du trenger hjelp til i løpet av en dag».

Bruk lukkede spørsmål når du kan

Det er lettere å svare på lukkede spørsmål enn åpne. Et åpent spørsmål må brukerne formulere svaret på selv. Et lukket spørsmål kan brukeren ofte svare Ja eller Nei på, eller velge åpenbare svaralternativer. Som for eksempel «Hvilken kommune bor du i?».

Unngå spørsmål med nektelser

Spørsmål med nektelser kan gjøre det vanskelig å forstå spørsmålet. Det er ofte setninger med «ikke» og «aldri».

Gi all relevant informasjon før brukerne skal svare

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. Unngå veiledningstekst i selve utfyllingsfeltet, såkalte «placeholders». Placeholders i utfyllingsfeltet forsvinner når feltet fylles ut, og kan være i strid med universell utforming.

Noen ganger kan beskrivelser, også kalt hjelpetekster, være nyttig for å forklare det som er vanskelig, for eksempel juridisk sjargong eller fagspråk.

Pass på at du kun har beskrivelser der det er behov for det, for å redusere kognitiv last.

Skap tillit ved å forklare hvorfor vi spør om noe

Det kan være hensiktsmessig å forklare kort hvorfor vi spør om noe, for å skape tillit og åpenhet. Det kan vi gjøre i en ekspanderende beskrivelse.

Unable to parse html

const WithExpandableDescription = () => {
  const [open, setOpen] = useState(false);

  return (
    <Field style={{ width: 'min(100%, 26rem)' }}>
      <Label>Fødselsnummer</Label>
      <Details
        open={open}
        onToggle={() => setOpen(!open)}
        style={{ background: 'transparent', borderBlockWidth: 0 }}
      >
        <Details.Summary
          style={{
            background: 'transparent',
            minHeight: 'auto',
            padding: 0,
          }}
        >
          Hvorfor lurer vi på dette?
        </Details.Summary>
        <Details.Content
          style={{ marginBlockStart: '0.5rem', marginInline: 0 }}
        >
          Vi bruker fødselsnummeret til å finne riktige opplysninger om deg og
          sikre at søknaden blir registrert på riktig person.
        </Details.Content>
      </Details>
      <Input inputMode='numeric' />
    </Field>
  );
};

render(<WithExpandableDescription />)

Bidragsytere

• Dorte Drange (Digdir)
• Gørild Døhl (Digdir)
• Marianne Røsvik (Digdir)
• KS
• Skatteetaten
• Nav
• Helsenorge
• Lånekassen
• Oslo kommune