Maler
5XX-side
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
Del | Forklaring |
---|---|
Tittel | H1 |
Feilmelding | Standard feilmelding for 5XX, eller teknisk feil |
Liste med løsningsforslag | Standard liste med ting bruker kan gjøre for å komme seg videre |
Valgfrie deler
Del | Forklaring |
---|---|
CTA-knapp | Knappen lenker til et område som brukeren kan navigere til |
Feil-ID | En streng som identifiserer feilen, som kan brukes til feilsøking. Bør reflektere logger. |
Feilmelding på engelsk | Om 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
Dato | Versjon | Endringer |
---|---|---|
27.11.2023 | 1 | Publiserte varianter for enkel, komplett, feil-id, CTA, uten dekoratøren, og flere språk |
07.12.2023 | 2 | La til lenker på 'laste siden på nytt' og 'gå tilbake til forrige side', samt la til maksbredde. |