From the course: Building Great Forms with HTML and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Form layout tips

Form layout tips

From the course: Building Great Forms with HTML and CSS

Start my 1-month free trial

Form layout tips

“

- [Instructor] Form layout is a crucial element of form design that many designers and website managers neglect and often leave to the last stage of development. Since the form is the key method in which you'll be interacting with your users, you want to consider and plan for the physical structure of the form prior to building it. Some things for you to consider are, don't duplicate paper forms. Web Forms don't have to follow the same conventions as paper forms. People use paper forms and web forms differently. If you simply convert a paper form, without any changes, you'll probably reduce your conversions. When you design a paper form, you're constrained by the format, by the space. You have to fit everything on that one page. The result is usually a cramped cluttered mess that fits but doesn't consider usability. When you design web forms, don't be afraid to use space. Build whitespace between fields, use separators,…

Contents