Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Maler

5XX-side

StabilOppdatert 9. mai 2025

500 er en feilside som vises når det skjer en teknisk feil som ligger utenfor klienten. Siden er viktig for å informere besøkende om feilen og hvordan de kan komme seg videre.

Varianter

Om malen

Denne malen er designet for å være enkel å implementere og tilpasse etter dine behov. Den inneholder grunnleggende elementer som en tittel, en feilmelding og en liste med forslag til å komme seg videre. Designet er rent og minimalistisk, noe som gjør det lett for brukerne å forstå meldingen.

Unngå tekniske feil

Så langt det er mulig bør man tilrettelegge løsningen sin for at besøkende ikke ender opp på 5XX-sider. De fleste 5XX-koder bør håndteres i bakgrunnen uten at besøkende trenger å forholde seg til dem.

Error Boundaries er en enkel og effektiv måte å sikre "Graceful Degradation" av løsningen din. La deler av løsningen feile i isolasjon uten at det påvirker resten av applikasjonen. Dette sammen med gode testrutiner og monitorering gjør at besøkende forhåpentligvis aldri vil se denne malen i praksis.

Brukes til

I noen tilfeller vil bruker treffe på ikke-håndterte tekniske feil, forårsaket enten i klienten eller på serveren. Da er det viktig å informere besøkende om feilen, gi de et hint om hva som kan ha forårsaket den og hvordan de kan komme seg videre. Det er flere typer tekniske feil og 5XX-koder, men konsekvensen for brukeren er det samme.

I alle disse situasjonene vil 5XX-siden gi brukeren beskjed om at noe har gått galt, og at det ikke er deres feil. Linker og knapper på siden vil veilede dem videre. Ved å bruke malen kan du sikre at selv i møte med feil, vil brukerne ha en ok opplevelse.

Faste deler

DelForklaring
TittelH1
FeilmeldingStandard feilmelding for 5XX, eller teknisk feil
Liste med løsningsforslagStandard liste med ting bruker kan gjøre for å komme seg videre

Valgfrie deler

DelForklaring
CTA-knappKnappen lenker til et område som brukeren kan navigere til
Feil-IDEn streng som identifiserer feilen, som kan brukes til feilsøking. Bør reflektere logger.
Feilmelding på engelskOm 500-siden er på engelsk, kan denne teksten fjernes

Eksempel på bruk

Send oss eksempler på malen brukt i det fri som vi kan lenke til her.

Endringer

DatoVersjonEndringer
27.11.20231Publiserte varianter for enkel, komplett, feil-id, CTA, uten dekoratøren, og flere språk
07.12.20232La til lenker på 'laste siden på nytt' og 'gå tilbake til forrige side', samt la til maksbredde.