Hvordan designe feilmeldinger som reduserer frustrasjon
Hvordan designe feiltilstander folk kan komme seg etter: plassering, timing, ordlyd, bevare input, tilgjengelighet og bevegelse, basert på brukervennlighetsforskning.
Kjerne takeaway
En god feilmelding er synlig og plassert ved siden av problemet, skrevet på et klart språk, sier hvordan det skal fikses, beholder det personen allerede har skrevet og klandrer dem aldri. Vis det når personen er ferdig med et felt eller sendt inn, ikke mens de fortsatt skriver, og sørg for at skjermlesere annonserer det.
Retningslinjene
Nielsen Norman Group oppsummerer effektive feilmeldinger som svært synlige, konstruktive og respektfulle for brukerinnsats. I praksis betyr det:
- Plasser meldingen ved siden av feltet eller elementet med problemet.
- Bruk enkelt, spesifikt språk: "Dette nummeret er ett siffer kort", ikke "Ugyldig inndata".
- Tilby en løsning: hvilket format som forventes, hva du skal prøve neste gang.
- Behold det folk skrev, slik at de kan redigere det i stedet for å starte på nytt.
- Ikke klandre: unngå ord som ugyldig, ulovlig eller feil.
Timing
Å vise en feil før noen er ferdig er en av de vanligste feilene. NN/g kaller for tidlig feil et fiendtlig mønster, som å sette karakter på en test før studenten er ferdig. Valider et felt når personen forlater det eller sender inn skjemaet, og oppdater deretter meldingen live mens de retter den.
Feil som ikke handler om skjemaer
For systemfeil som mislykket lagring eller mistet tilkobling, si hva som skjedde, hva som ble beholdt og hva personen kan gjøre: prøve på nytt, jobb offline eller kontakt support. Unngå feilkoder alene; hvis du trenger en for støtte, vis den sammen med en menneskelig forklaring.
Tilgjengelighet
Ikke stol på rødt alene: legg til et ikon og tekst. Koble meldingen til feltet slik at skjermlesere leser den med feltet, og flytt fokus til den første feilen, eller et sammendrag av feil, etter en mislykket innsending.
Bevegelse i feiltilstander
En kort risting eller fargeendring kan trekke oppmerksomhet til feltet med problemet, men hold det kort, ikke gjenta det ved hvert tastetrykk, og erstatt bevegelse med en farge- eller ikonendring når redusert bevegelse er på. Selve budskapet betyr mer enn animasjonen.
Tast Principles å huske
- Plasser feil ved siden av problemet, med enkle ord, med en løsning
- Behold det folk skrev
- Valider etter at et felt er ferdig, ikke mens du skriver
- Stol aldri på farge alene; koble til meldinger for skjermlesere
- Hold feilbevegelser kort og respekter redusert bevegelse
Ofte stilte spørsmål
Kilder
- Error-Message Guidelines — Nielsen Norman Group
- Indicators, Validations, and Notifications — Nielsen Norman Group