cmd interaction design - y1 q3 les 3 - form organization
DESCRIPTION
TRANSCRIPT
![Page 1: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/1.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Form Organization
Bring structure to your forms
![Page 2: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/2.jpg)
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.
![Page 3: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/3.jpg)
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?
![Page 4: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/4.jpg)
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?”
![Page 5: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/5.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Breng structuur aan in het formulier
![Page 6: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/6.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Maak betekenisvolle clusters
![Page 7: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/7.jpg)
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)
![Page 8: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/8.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Conventies
Check-out Sign-up Contact
![Page 9: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/9.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Invite Friends
![Page 10: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/10.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Vraag
Hoe ziet een typische check-out (kassa) flow eruit?
![Page 11: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/11.jpg)
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?
![Page 12: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/12.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Verlicht het pad naar voltooiing
Toon de titel van het formulier
Activate Account
![Page 13: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/13.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Voordat u begint…
![Page 14: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/14.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Clear Path to Completion
![Page 15: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/15.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
![Page 16: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/16.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
![Page 17: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/17.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Minimaliseer afleidingen
![Page 18: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/18.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Laat de voortgang zien
![Page 19: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/19.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Laat de voortgang zien
![Page 20: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/20.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Lezen:
Web Form Design (boek)Hoofdstuk 7+8
![Page 21: CMD Interaction Design - Y1 Q3 les 3 - Form Organization](https://reader035.vdocuments.mx/reader035/viewer/2022070304/54c7e9a94a795999488b4778/html5/thumbnails/21.jpg)
Interaction Design 103 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
@ferrydendopper