A prototype of a form is better than a picture of a form
13 Jan 2014 - 5:06am
49 weeks ago
There's a big difference between a picture of a form created in
OmniGraffle or Photoshop and a prototype of the same form made using
The picture shows you what information the form is asking for and how it
is laid out. But it can't show you what it's like to actually interact
with the form. What happens when the user enters invalid information?
How does the form help the user? How does it look and behave on a
The HTML prototype can show you these things. Which is great
for usability testing, getting buy-in from stakeholders, and for
collaborating with developers.
That's why I'm putting together a series of blog posts that show you how to make them. The first post shows you how to lay out your form and how to get the labels in the place that you want.