Hoe u foutmeldingen kunt ontwerpen die frustratie verminderen
Hoe fouttoestanden te ontwerpen waar mensen van kunnen herstellen: plaatsing, timing, bewoording, behoud van input, toegankelijkheid en beweging, gebaseerd op bruikbaarheidsonderzoek.
Kern afhaalmaaltijd
Een goede foutmelding is zichtbaar en wordt naast het probleem geplaatst, geschreven in duidelijke taal, zegt hoe het probleem kan worden opgelost, bewaart wat de persoon al heeft getypt en geeft hem of haar nooit de schuld. Laat het zien wanneer de persoon klaar is met een veld of heeft verzonden, niet terwijl hij of zij nog aan het typen is, en zorg ervoor dat schermlezers dit aankondigen.
De richtlijnen
Nielsen Norman Group vat effectieve foutmeldingen samen als zeer zichtbaar, constructief en respectvol voor de inspanningen van de gebruiker. In de praktijk betekent dat:
- Plaats het bericht naast het veld of element met het probleem.
- Gebruik duidelijke, specifieke taal: 'Dit nummer is één cijfer te kort', niet 'Ongeldige invoer'.
- Bied een oplossing: welk formaat wordt verwacht, wat u vervolgens kunt proberen.
- Bewaar wat mensen hebben getypt, zodat ze het kunnen bewerken in plaats van opnieuw te beginnen.
- Geef niet de schuld: vermijd woorden als ongeldig, illegaal of fout.
Tijdstip
Een fout weergeven voordat iemand klaar is, is een van de meest voorkomende fouten. NN/g noemt voortijdige fouten een vijandig patroon, zoals het beoordelen van een toets voordat de leerling klaar is. Valideer een veld wanneer de persoon het verlaat of het formulier indient, en werk het bericht vervolgens live bij terwijl hij of zij het corrigeert.
Fouten die niet over formulieren gaan
Bij systeemfouten, zoals mislukte opslag of verbroken verbinding, zegt u wat er is gebeurd, wat is bewaard en wat de persoon kan doen: opnieuw proberen, offline werken of contact opnemen met de ondersteuning. Vermijd zelf foutcodes; als je er een nodig hebt ter ondersteuning, laat deze dan samen met een menselijke uitleg zien.
Toegankelijkheid
Vertrouw niet alleen op rood: voeg een pictogram en tekst toe. Koppel het bericht aan het bijbehorende veld, zodat schermlezers het samen met het veld kunnen lezen en de focus kunnen verplaatsen naar de eerste fout, of een samenvatting van de fouten, na een mislukte indiening.
Beweging in fouttoestanden
Een korte trilling of kleurverandering kan de aandacht vestigen op het veld met het probleem, maar houd het kort, herhaal het niet bij elke toetsaanslag en vervang beweging door een kleur- of pictogramverandering wanneer verminderde beweging is ingeschakeld. De boodschap zelf is belangrijker dan de animatie.
Toets Principles in om te onthouden
- Plaats fouten naast het probleem, in duidelijke bewoordingen, met een oplossing
- Bewaar wat mensen hebben getypt
- Valideer nadat een veld is voltooid, niet tijdens het typen
- Vertrouw nooit alleen op kleur; berichten verbinden voor schermlezers
- Houd de foutbeweging kort en respecteer de verminderde beweging
Veelgestelde vragen
Bronnen
- Error-Message Guidelines — Nielsen Norman Group
- Indicators, Validations, and Notifications — Nielsen Norman Group