• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Inställningar

Riktlinjer

Riktlinjer

​
​

Inga resultat hittade, prova med andra sökvillkor.

Personlighet

Designfilosofi
Designprinciper
Värdeord

Identitet

Bildmanér
Dotterbolag
Färger
Ikonografi
Logotyp
Tonläge
Typografi
UX-writing

Layout

Angränsande ytor
Anpassning av komponenter
Avstånd
Brytpunkter
Grid
Layout
Layoutregioner
Säkert område

Mönster

Destruktiva val
Elevation
Hjälp
Inloggning
Interaktionstillstånd
Landningssidor
Minskad rörelse
Mörkt läge
Navigering
Obligatoriska fält
Offline
Onboarding
Progress
Prominens
Sök
Startskärm
Textinmatning
Tomma tillstånd
Validering

Produkter och tjänster

Bodies för bebisar
Chattbot och chatt
Desktop web apps för professionella användare
Digitala skärmar
Html-mejl

Textinmatning

Textinmatning

Uppdaterad 2026-05-26

Här har vi samlat exempel på hur vi vill att textinmatning ska upplevas i våra digitala produkter och tjänster.

Datum

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren rensar fältet

3. Användaren rensar fältet

4. Användaren skriver in 8 siffror, sen tar det stopp

4. Användaren skriver in 8 siffror, sen tar det stopp

5. Användaren lämnar fältet

5. Användaren lämnar fältet

Tid

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 4 siffror, sen tar det stopp

3. Användaren skriver in 4 siffror, sen tar det stopp

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Mobilnummer

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 10 siffror

3. Användaren skriver in 10 siffror

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Medlemsnummer

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 8 tecken, sen tar det stopp

3. Användaren skriver in 8 tecken, sen tar det stopp

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Svenskt personnummer

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 12 siffror, sen tar det stopp

3. Användaren skriver in 12 siffror, sen tar det stopp

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Lösenord (vid registrering)

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 8–64 tecken, sen tar det stopp

3. Användaren skriver in 8–64 tecken, sen tar det stopp

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Lösenord (vid inloggning)

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 8–64 tecken, sen tar det stopp

3. Användaren skriver in 8–64 tecken, sen tar det stopp

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Kortnummer

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren börjar skriva in ett kortnummer

3. Användaren börjar skriva in ett kortnummer

4. Användaren skriver in resten av kortnumret

4. Användaren skriver in resten av kortnumret

5. Användaren lämnar fältet

5. Användaren lämnar fältet

Giltighetstid

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 4 siffror, sen tar det stopp

3. Användaren skriver in 4 siffror, sen tar det stopp

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Säkerhetskod

1. Användaren trycker på fältet

1. Användaren trycker på fältet

2. Fältet får fokus

2. Fältet får fokus

3. Användaren skriver in 3–4 siffror, sen tar det stopp

3. Användaren skriver in 3–4 siffror, sen tar det stopp

4. Användaren lämnar fältet

4. Användaren lämnar fältet

Har du frågor?

Johan Beskow

Ansvarig digital design

Isabelle Eurenius

UX-writer

Relaterade riktlinjer

  • Riktlinjer för obligatoriska fält

  • Riktlinjer för validering