CMD Interaction Design - Y1 Q3 les 3 - Form Organization

Interaction Design 103 Vragen of feedback? @ferrydendopper

Form Organization

Bring structure to your forms


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.


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?


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?”


Breng structuur aan in het formulier


Maak betekenisvolle clusters


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)


Conventies

Check-out Sign-up Contact


Invite Friends


Vraag

Hoe ziet een typische check-out (kassa) flow eruit?


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?


Verlicht het pad naar voltooiing

Toon de titel van het formulier

Activate Account


Voordat u begint…


Clear Path to Completion


Minimaliseer afleidingen


Laat de voortgang zien


Lezen:

Web Form Design (boek)Hoofdstuk 7+8


Vragen? Feedback?

[email protected]

@ferrydendopper

CMD Interaction Design - Y1 Q3 les 3 - Form Organization

Design

Transcript of CMD Interaction Design - Y1 Q3 les 3 - Form Organization