CMD Interaction Design - Y1 Q3 les 4 - Hints, Help & Errors
-
Upload
ferry-den-dopper -
Category
Design
-
view
103 -
download
0
description
Transcript of CMD Interaction Design - Y1 Q3 les 4 - Hints, Help & Errors
Interaction Design 103 Vragen of feedback? @ferrydendopper
Hints, Help & Errors
Helping people complete forms
Interaction Design 103 Vragen of feedback? @ferrydendopper
Usability Rule
“If you need a Help section, you are probably doing something wrong.”
(De interface is dan niet intuïtief)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Wat betekent dat voor formulieren?
Als je veel moet uitleggen, is wellicht de vraag: niet duidelijk gesteld te complex onnodig
Interaction Design 103 Vragen of feedback? @ferrydendopper
Te complex
Interaction Design 103 Vragen of feedback? @ferrydendopper
Wat moet je in ieder geval niet doen?
Lange introteksten worden meestal over
het hoofd gezien.
Interaction Design 103 Vragen of feedback? @ferrydendopper
Wanneer is hulp wel zinvol?
Als formulieren vragen om onbekende data: “Wat is een PAC code?”
Als mensen kritisch zijn waarom een bepaalde vraag gesteld wordt: “Waarom moeten wij uw geboortedatum weten?”
Als mensen bezorgd zijn over de veiligheid of privacy van hun data: “Is mijn creditcard nummer hier veilig?”
Als er een aanbevolen manier is om iets in te vullen: “Scheid uw tags met komma’s”
Als sommige velden optioneel of juist verplicht zijn.
Interaction Design 103 Vragen of feedback? @ferrydendopper
Maak de hulp…
Kort en duidelijk Direct bij het veld
Interaction Design 103 Vragen of feedback? @ferrydendopper
Automatische helpteksten
Interaction Design 103 Vragen of feedback? @ferrydendopper
Automatische helpteksten
+ Altijd netjes naast het veld
- Ruimte voor reserveren
Oogfocus ligt vooral links
+ Kost geen ruimte
Dichtbij de vraag
- Bedekt (deels) andere velden
Interaction Design 103 Vragen of feedback? @ferrydendopper
Ook toepasbaar op clusters van velden
Interaction Design 103 Vragen of feedback? @ferrydendopper
Nadeel van automatische helpteksten
Als mensen aan het formulier willen beginnen, zien ze nog niet dat er hulp beschikbaar is.
Mensen die verwachten hulp nodig te hebben, kunnen ontmoedigd raken en zelfs afhaken.
Oplossingen:• Inline help• User-activated help
Interaction Design 103 Vragen of feedback? @ferrydendopper
Inline help
HOE WAAROM
Alleen geschikt voor “Hoe” help, niet voor wat of waarom.
Interaction Design 103 Vragen of feedback? @ferrydendopper
Inline help: let op!
Zorg dat de helptekst verdwijnt als mensen het antwoord gaan typen, anders wordt het deel van het antwoord;
Weet dat dus tijdens het invoeren de gebruiker geen assistentie meer heeft;
Gebruik het liever niet voor complexe invoer;
Zorg dat mensen het verschil kunnen zien tussen helptekst en antwoord.
Interaction Design 103 Vragen of feedback? @ferrydendopper
User-activated help section
Vooral handig voor formulieren die je vaker gebruikt, met daarin diverse complexe vragen
Interaction Design 103 Vragen of feedback? @ferrydendopper
User-activated help
Interaction Design 103 Vragen of feedback? @ferrydendopper
Misschien niet zo’n goed idee
Interaction Design 103 Vragen of feedback? @ferrydendopper
Beter
Interaction Design 103 Vragen of feedback? @ferrydendopper
Is dit ook goed?
Interaction Design 103 Vragen of feedback? @ferrydendopper
Veilige transacties
Interaction Design 103 Vragen of feedback? @ferrydendopper
Fout- en succesmeldingen
Stap 1: Probeer fouten te voorkomen
Stap 2: Probeer fouten te voorkomen
Stap 3: Laat zo duidelijk mogelijk
weten wat er mis is gegaan en
hoe de gebruiker het kan
oplossen.
Interaction Design 103 Vragen of feedback? @ferrydendopper
Interaction Design 103 Vragen of feedback? @ferrydendopper
Interaction Design 103 Vragen of feedback? @ferrydendopper
Dubbele visuele nadruk
Interaction Design 103 Vragen of feedback? @ferrydendopper
Meerdere fouten?
Interaction Design 103 Vragen of feedback? @ferrydendopper
Maak meldingen op meerdere manieren visueel onderscheidend met icoon, kleur en/of vorm.
Goede meldingen
Interaction Design 103 Vragen of feedback? @ferrydendopper
Grappige meldingen?
Interaction Design 103 Vragen of feedback? @ferrydendopper
Succes!
Belangrijk om te bevestigen dat het proces succesvol voltooid is.
Melding moet opvallen, maar mag de gebruiker niet blokkeren zoals een foutmelding.
Integendeel, het moet stimuleren tot meer.
Interaction Design 103 Vragen of feedback? @ferrydendopper
Alternatieve succesmelding
Interaction Design 103 Vragen of feedback? @ferrydendopper
No dead ends
Interaction Design 103 Vragen of feedback? @ferrydendopper
Lezen:
Web Form Design (boek)Hoofdstuk 9+10
Interaction Design 103 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
@ferrydendopper