1. Introduction to designing forms

5. 



6. 6

7. 7

8. User
Needs Business
Goals

13. “It's hard to imagine a form that could be simpler:
two fields, two buttons, and one link. Yet, it turns out
this form was preventing customers from purchasing
products from a major e-commerce site, to the tune of
$300,000,000 a year.
What was even worse: the designers of the site had no
clue there was even a problem.”

15. Ik wil geen relatie,
ik wil alleen iets kopen!

16. Login Register

17. Login Continue >

19. •
•
•

29. “Forms enable commerce,
communities and productivity on
the Web to thrive. It’s no wonder
that form design matters.”

30. Bekijk het contactformulier op:
http://www.zilverenkruis.nl/consumenten/contact/
• Wat vind je wel/niet goed?
• Hoe zou jij het formulier maken? (wireframe)
Tijd: 30 minuten
Daarna klassikaal conclusies bespreken

34. Web Form Design (boek)
Hoofdstuk 1+5
About Face (boek)
Hoofdstuk 21
The $300 Million Button – Jared M. Spool
http://www.uie.com/articles/three_hund_million_button
The Customer Is A Stranger – Gerry McGovern
http://www.gerrymcgovern.com/nt/2010/nt-2010-06-07-Customer-stranger.htm

35. Ontwerp een online formulier voor het
inschrijven van een eenmanszaak bij de Kamer
van Koophandel.
http://www.kvk.nl/download/Formulier-1-inschrijving-
eenmanszaak_tcm14-212823.pdf

36. • Wireframes van je formulier
• Beschrijving van ontwerpkeuzes
• Einde week 10.
(advies: lever tussentijds ook al wat in, dan krijg je feedback)

37. f.den.dopper@hr.nl
@ferrydendopper