Forms
Forms (skjema) brukes til å la brukere legge inn informasjon for bruk i applikasjonen eller for å endre innstillinger med minst mulig friksjon.
Layout
Vi følger noen enkle prinsipper når vi setter opp forms
- Stable komponentene vertikalt (input, radio, checkbox, button)
- Unntak er for eksempel landskode og telefonnummer, eller postnummer og by
- Konsekvent luft mellom label og input
- Konsekvent luft mellom elementene
- Logisk rekkefølge (brukernavn, passord)
Oppførsel
Validering
Bruk validering og feilmeldinger for å indikere når et felt feiler eller krever mer informasjon.
Fokus
Når en bruker aktiverer et felt fremheves dette ved en blå kantlinje.
Innhold
Når vi oppretter skjema er det viktig å være tydelig på hva slags informasjon brukeren bes om å legge inn.
- Kort og konsis overskrift og innledning
- Hold labels, feilmeldinger og hjelpetekst kort og konsis
- Ikke be om informasjon som ikke trengs for å utføre handlingen
- Kun bruk ikoner om det hjelper brukeren, ikke som pynt