Layout

Forms have many elements in addition to words, like actual fields and buttons. In this chapter, we’ll look at the best way to visually design these elements—what they should look like, and where they should go. For simplicity, we’ll refer to this as layout.

A Mantra: It’s All about Balance

There are lots of forms out there that look absolutely fantastic. Unfortunately, this is how many people judge forms: by how they look. But as we saw in Chapter 3, a form that can’t be filled in is no use to anyone, no matter how attractive it is.

The best forms strike a balance between user experience and aesthetics.

Another way to put this is that we want to lay out our forms so they can be filled out quickly, easily, and accurately, while still ...

Get Designing UX: Forms now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.