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?

f.den.dopper@hr.nl

@ferrydendopper