Alertbox

Om komponenten

Alertbox brukes for å vise en statusbeskjed som det er viktig for brukeren å få med seg. Alertbox kan enten brukes globalt på hele nettstedet, eller kun på en spesifikk side/løsning.

Statusbeskjeder bør være korte og konkrete, og skrives slik at det er enkelt for brukeren å forstå hvordan beskjeden påvirker dem.

Egnet til:

• Å informere om en viktig hendelse, endring eller en konsekvens av en handling
  

Uegnet til:

• Store mengder informasjon
• Beskjeder som ikke har noen betydning for brukeren

Varianter

Informasjon - Information

Brukes for å gi brukeren informasjon relevant til den siden eller handlingen de skal utføre. For eksempel at brukeren trenger å ha fødselsnummer klart før de fyller ut skjemaet.

Suksess - Success

Brukes til å gi brukeren en beskjed om at noe er fullført eller at noe er lagret. For eksempel “Søknaden din er sendt inn”

Varsel - Warning

Brukes for å gi brukeren en advarsel om en feil i en tjeneste eller på siden.

Kritisk feil - Error

Brukes for å gi brukeren informasjon om at noe gikk galt, ikke fungerer, eller en handling som mislyktes. For eksempel "Skjema ble ikke sendt inn."

Alertbox som kan lukkes

Retningslinjer

Kun på hvit bakgrunn

Ikke bruk Alertbox på andre bakgrunnsfarger enn hvit.

Formatering

Anatomi

1. Label Kort og informativ tittel som raskt forklarer hva innholdet i typen alertbox handler om.
2. Ikon Ikonet avhenger av hvilken variant du bruker. For suksessvarianten er det mulig å endre ikonet.
3. Beskrivelse En kort og informativ beskrivelse av hva som skal gjøres/er feil. Det er også mulig å skjule beskrivelse, om den er kun ment som støtteinformasjon.
4. Dato oppdatert Fint å bruke på Error og Warning, for å fortelle om når OBOS ble oppmerksomme på feilen og gir et bilde av status i saken.