• 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
Brytpunkter
Grid
Layoutregioner
Mellanrum
Säkert område

Mönster

Destruktiva val
Hjälp
Inloggning
Inställningar
Interaktionstillstånd
Landningssidor
Navigering
Obligatoriska fält
Offline
Onboarding
Progress
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

Tomma tillstånd

Tomma tillstånd

Uppdaterad 2026-06-16

Här har vi samlat exempel på hur vi vill att tomma tillstånd (empty states) ska upplevas i våra digitala produkter och tjänster.

Exempel 1

Användaren går in på Dina resor-sidan utan att ha loggat in eller hämtat några resor eller periodkort.

Användaren går in på Dina resor-sidan utan att ha loggat in eller hämtat några resor med bokningsnummer.

Exempel 2

Användaren går in på Konto-sidan utan att ha loggat in.

Användaren går in på Konto-sidan utan att ha loggat in.

Exempel 3

Enheten har tappat kontakten med nätverket och användaren går in på en sida med innehåll som inte har cachats.

Exempel på icke-modal sida.

Exempel på icke-modal sida.

Exempel 4

Sidan får inget svar från servern inom rimlig tid eller får ett trasigt svar.

När inget av innehållet kan ritas ut.

När inget av innehållet kan ritas ut.

När delar av innehållet kan ritas ut.

När delar av innehållet kan ritas ut.

Exempel 5

Sidan finns inte längre eller har kanske aldrig existerat.

Sidan finns inte längre eller har kanske aldrig existerat

Sidan finns inte längre eller har kanske aldrig existerat

Exempel 6

Användaren har inte behörighet att se sidan.

Användaren har inte behörighet att se sidan.

Har du frågor?

Johan Beskow

Ansvarig digital design