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
I sin fullstendige form kan en 500-side inneholde tittel, feilmelding, løsningsforslag, tilbakemeldingsfunksjon, feil-id, CTA og flere språk.
I sin enkleste form skal 500-side inneholde en tittel, feilmelding, tilbakemeldingsfunksjon og løsningsforslag
En 500-side kan inneholde en CTA som leder til et relevant område eller side, avhengig av konteksten.
Ved å legge til en feil-id kan man enklere feilsøke mot logger hvis man får skjermbilde av feilmelding fra bruker.
Ved å legge til flere språk kan man være sikrere på at flere forstår hva som gikk feil.
Malen fungerer ved bruk av andre sidemaler, også da uten dekoratøren.
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. |