<p>Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface, <strong>forms are one of the most important components of digital product design.</strong></p>

Design better forms

<ul><li>Forms should be one column Multiple columns disrupt a user's vertical momentum</li><li>Top align labels</li><li>Group labels with their inputs</li><li>Place checkboxes (and radios) underneath each other for scannability</li><li>Make CTAs descriptive</li><li>Specify errors inline</li><li>Differentiate primary from secondary actions</li><li>Ditch the * and denote optional fields</li><li>Group related information</li></ul>

Design better forms: best practices

Here are the form elements I created to illustrate concepts in this article. Feel free to use it in your work. Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface…

Design better forms

Similar ideas to Design better forms

Good user interface

Digital (UI, UX, Sketch)

Minimalist design