• 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

Offline

Offline

Uppdaterad 2026-05-21

Användaren förväntar sig att våra digitala produkter och tjänster är användbara och funktionella även när enheten tappat kontakt med nätverket (offline).

Exempel 1

Vi använder snackbars och systemmeddelanden för att signalera att enheten har tappat kontakt med nätverket.

Snackbar

design.sj.se

System Message

design.sj.se

När enheten tappar kontakt med nätverket visar vi en snackbar i 6 sekunder

När enheten tappar kontakt med nätverket visar vi en snackbar i 6 sekunder

Sen visar vi ett systemmeddelande.

Sen visar vi ett systemmeddelande.

När enheten får kontakt med nätverket igen visar vi en snackbar i 6 sekunder.

När enheten får kontakt med nätverket igen visar vi en snackbar i 6 sekunder.

Exempel 2

Vi tillhandahåller en anpassad offline-sida både när användaren navigerar till en URL som inte har cachats och när användaren försöker använda en funktion som kräver en anslutning. Allra bäst är förstås om vi kan tillhandahålla en offline-upplevelse som är användbar och funktionell.

Provide a custom offline page

web.dev

Provide an offline experience

web.dev

Exempel på anpassad offline-sida

Exempel på anpassad offline-sida

Exempel på offline-upplevelse som är användbar och funktionell.

Exempel på offline-upplevelse som är användbar och funktionell.

Har du frågor?

Johan Beskow

Ansvarig digital design