12. Voorzie goede Foutenboodschappen

• Voorkom fouten
• Door mensen op voorhand duidelijk te maken welke invoer van hen verwacht wordt (zie guideline 11: “Help de gebruiker daar waar het nodig is”)
• Maar niet door fouten gewoonweg onmogelijk te maken
  Soms worden er bijvoorbeeld beperkingen op veldlengtes gezet, laat men enkel bepaalde invoerwaarden toe, verbergt of disabeled men knoppen van acties die niet mogen…

Wees daar voorzichtig mee!
De gebruiker begrijpt misschien niet wat hij moet doen. Een foutenboodschap kan hem dat vertellen.

B.v. Soms wordt de ‘opslaan’ knop onderaan het formulier pas enabled als alle verplichte velden ingevuld zijn. Als de gebruiker één van die velden over het hoofd heeft gezien, begrijpt hij niet waarom hij maar niet op die verdomde ‘opslaan’ knop mag klikken.

• Foutenboodschappen zijn duidelijk, volledig en beleefd
• Zeg wat de gebruiker fout deed + hoe hij dit kan rechtzetten
• In een taal die de gebruiker begrijpt
• Op een beleefde manier
• Vermijd:
• De woorden ERROR, FATAL, INVALID en ILLEGAL
• Drukletters (tekst in drukletters komt schreeuwerig over)
• Luide audio warnings
• Geef expliciet de labels van de velden met fouten (in de volgorde waarin deze voorkomen op het formulier)
• Geef alle fouten tegelijkertijd

B.v.: De gebruiker moet een positief getal invoeren met exact 2 cijfers na de komma.

Hij voert in: “-12″

Slechte foutenboodschappen:

“Error: number format”
→ niet duidelijk hoe deze fout kan worden recht gezet

“Het nummer moet een digit zijn”
→ geen gebruikerstaal, onbeleefd

“Vul a.u.b. een nummer in > 0”
→ niet alle informatie wordt gegeven

Goede foutenboodschap:

“Nummer: Vul a.u.b. een nummer in > 0 en in het formaat 99,99”

• Plaats de foutenboodschap
• Op de pagina zelf en niet in een pop-up

Pop-ups verdwijnen nadat ze worden weggeklikt en dan weet de gebruiker niet meer wat hij ook alweer moest aanpassen op de pagina

• Bovenaan de pagina in een opvallende kleur (vermeld hier àlle velden met een fout)
• Naast de velden aan die foutief zijn (en duid deze velden duidelijk aan door b.v. de achtergrondkleur te veranderen)

B.v. eBay plaatst zijn foutenboodschappen bovenaan de pagina én naast de velden zelf, zoals het hoort: