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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.