CMD Interaction Design - Y1 Q3 les 3 - Form Organization
-
Upload
ferry-den-dopper -
Category
Design
-
view
105 -
download
2
description
Transcript of CMD Interaction Design - Y1 Q3 les 3 - Form Organization
Interaction Design 103 Vragen of feedback? @ferrydendopper
Form Organization
Bring structure to your forms
Interaction Design 103 Vragen of feedback? @ferrydendopper
Ontwerpprincipes
Minimaliseer de ‘pijn’Mensen willen datgene wat er aan de andere kant van het formulier ligt, dus maak het proces zo snel en simpel mogelijk.
Verlicht het pad naar voltooiingMaak duidelijk hoeveel en welke stappen nodig zijn om het doel te bereiken.
Houd rekening met de contextFactoren als doelgroep, taak, business zijn van invloed op de interactie;
Zorg voor consistente communicatieOok al komen verschillende onderdelen van een formulier bij verschillende afdelingen vandaan, zorg ervoor dat het formulier met éé stem spreekt.
Interaction Design 103 Vragen of feedback? @ferrydendopper
Evalueer iedere vraag op het formulier
Mensen moeten iedere vraag op een formulier verwerken, een antwoord formuleren en invullen in de ruimte die jij ze aanbiedt.
Vraag jezelf dus af: Heb ik deze vraag echt nodig?
• Is het relevant voor de gebruiker? Roept het weerstand op (bv. privacy)?
• Is het noodzakelijk voor ons? • Kan ik de informatie automatisch krijgen?
Is de plaats en timing van deze vraag juist?
Interaction Design 103 Vragen of feedback? @ferrydendopper
Houd een conversatie
Welke vraag vind je prettiger?
Welk label is duidelijker?• “Issuing Bank”• “What bank issued this document?”• “What bank gave you this document?”
Interaction Design 103 Vragen of feedback? @ferrydendopper
Breng structuur aan in het formulier
Interaction Design 103 Vragen of feedback? @ferrydendopper
Maak betekenisvolle clusters
Interaction Design 103 Vragen of feedback? @ferrydendopper
Eén pagina of een wizard?
Eén pagina als: Meerdere korte
secties Veel vragen,
maar slechts één sectie
Secties een sterke onderlinge relatie hebben(context is belangrijk)
Wizard als: Veel vragen per
sectie Afhankelijkheden
(als antwoord = a, ga naar sectie x)
Conversie (als timing van een vraag impact heeft op conversie)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Conventies
Check-out Sign-up Contact
Interaction Design 103 Vragen of feedback? @ferrydendopper
Invite Friends
Interaction Design 103 Vragen of feedback? @ferrydendopper
Vraag
Hoe ziet een typische check-out (kassa) flow eruit?
Interaction Design 103 Vragen of feedback? @ferrydendopper
Vraag
Waar in het proces zou je de volgende vragen stellen?
Help ons u nog beter van dienst te zijn• Waar heeft u voor het eerst over ons
gehoord?• Via welke website bent u nu terecht
gekomen?• Wat vond u van de kwaliteit van de
productinformatie?• Wilt u op de hoogte blijven van nieuwe
producten?
Interaction Design 103 Vragen of feedback? @ferrydendopper
Verlicht het pad naar voltooiing
Toon de titel van het formulier
Activate Account
Interaction Design 103 Vragen of feedback? @ferrydendopper
Voordat u begint…
Interaction Design 103 Vragen of feedback? @ferrydendopper
Clear Path to Completion
Interaction Design 103 Vragen of feedback? @ferrydendopper
Interaction Design 103 Vragen of feedback? @ferrydendopper
Interaction Design 103 Vragen of feedback? @ferrydendopper
Minimaliseer afleidingen
Interaction Design 103 Vragen of feedback? @ferrydendopper
Laat de voortgang zien
Interaction Design 103 Vragen of feedback? @ferrydendopper
Laat de voortgang zien
Interaction Design 103 Vragen of feedback? @ferrydendopper
Lezen:
Web Form Design (boek)Hoofdstuk 7+8
Interaction Design 103 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
@ferrydendopper