Systemvarsler

Når det oppstår feil i tjenestene våre, må vi varsle brukerne. Vi bruker systemvarsel for å informere brukerne om avvik i systemet eller viktige hendelser de bør være oppmerksomme på.

Viktige vurderinger

Hvis det oppstår en systemfeil, bruker vi ModalAlert eller feilside for å varsle om hva som har gått galt. Hvilken variant vi bruker, er avhengig av blant annet svaret på disse spørsmålene:

  • Hvor kritisk er feilen?
  • Konteksten. Tilhører det en bestemt del av tjenesten eller dekker det hele systemet?
  • Kan brukerne utføre deler av en oppgave eller stopper det opp?
  • Skal varselet vises for en planlagt hendelse, eller er det for en plutselig hendelse?

Språk

Et godt systemvarsel skal være informativt klart og brukervennlig

Bruk et vennlig og profesjonelt språk

  • Skriv for å hjelpe. Forklar hva som er feil og fortell at feilen ligger hos oss.
  • Unngå tekniske begreper og byråkratisk språk. 

Gi veiledning som er enkel å følge

  • Forklar brukerne hva de kan gjøre videre. Skriv instruksjoner som er enkle å følge. 
  • Bruk gjerne punktliste og mellomoverskrifter for å gjøre det lettere å skanne informasjonen.
  • Oppgi kontaktinformasjon til brukerstøtte hvis det er en systemfeil.

Test varslene

  • Test varlsene på ekte brukere for å sikre at de er lette å forstå.

Ulike nivåer for systemvarsler

Kritiske systemfeil hvor hele tjenesten er nede

Hvis en hel tjeneste er utilgjengelig og brukeren ikke får gjort noe videre, skal varselet være tydelig på det. Vi viser slike meldinger i en modal med ramme eller som en alert.

Gjør slik:
Eksempelet viser varsel som dukker opp når brukeren er inne i en tjeneste og det oppstår en kritisk feil. Varselet har tydelig veiledning og forklarer hva som har gått galt. Punktliste og mellomoverskrift gjør det enklere å skanne. Eksempel på modal med ramme
Gjør slik: 
I tilfeller hvor feilen varer over tid, kan varselet vises i toppen. Det følger egne retningslinjer for avveininger rundt plassering av varselet og for hvor lenge og når varselet skal vises. 

Varsel som viser at brukeren ikke får logget inn

 

Deler av tjenesten er utilgjengelig 

Når deler av systemet feiler som for eksempel at vi ikke greier å hente data, varsler vi kontekstuelt med en advarsel Alert

Eksempel på rød Alert

Når deler av systemet er utilgjengelig og brukeren likevel kan utføre deler av tjenesten, er det naturlig å bruke nøytral Alert.

Eksempel på gul alert

Enkeltdata er utilgjengelig

Når systemet ikke greier å hente inn enkeltelementer som en nøkkelverdi, og brukeren kommer videre ellers i tjenesten, varsler vi i kontekst med nøytral Alert. 

Ekempel på gul alert

Ventevarsel

Dersom brukerne har vært inaktive i 20 minutter anbefaler vi å vise et varsel hvor de kan bekrefte at de fremdeles er aktive. Se kodeeksempelet i Storybook hvordan dette løses. 

Eksempel på ventevarsel

Midlertidige feil i systemet

Noen ganger påvirker midlertidige feil hvordan brukerne opplever tjenesten, for eksempel at det oppstår treghet i systemet. Vi bruker normalt nøytral Alert da denne komponenten er fleksibel og laget for å gi beskjed til brukerne.

Varselet bør vises i perioden de gjelder og eventuelt også før det inntreffer. Vurderinger knyttet til dette skal gjøres i tråd med interne retningslinjer. Det er viktig å tenke gjennom 

  • hvor det er mest nyttig for brukerne å bli varslet. Bør de lese det på siden før de logger inn eller lese det på selve siden
  • tidspunktet for når det er mest nyttig at varselet dukker opp – i forveien eller bare mens det varer 
Gjør slik:
Varselet nedenfor kan regnes som et moderat avvik. Det er plassert øverst på siden når brukerne har logget inn. Vi antar at brukerne ikke trenger å lese beskjeden på nytt og det har derfor et lukkekryss. Slik kan brukerne velge å fjerne beskjeden og de slipper at den forstyrrer i toppen mens de utfører oppgaven sin.

Varsel som viser treghet i tjenesten

Feilside

Når brukeren prøver å laste inn sider som ikke finnes, for eksempel ved ugyldig nettadresse, viser vi en melding i kjerneområdet mellom topp og bunn. Når brukeren kommer til en side som ikke finnes har vi en fast mal slik at vi skaper konsistens. 

Gjør slik:
Vi nedtoner tekniske ord som for eksemepl 404-feil, forteller hva som kan være feil og hjelper brukeren videre. 

Eksempel på feilside 404-feil

Relaterte mønstre