Designing More Efficient Forms: Structure, Inputs, Labels and Actions

1-a6-nrdllYwgDxRlrGYMoRA

I see it happening a lot: forms without any structure, with wrong types of inputs, with no proper labels, with … – And that’s a bad thing. All the required HTML elements (<fieldset>, <input> types, <label>, etc.) are there, so why not use them?

This article has a nice writeup on how to properly create forms, and it’s backed by usability tests, eye tracking, and the like.

Designing More Efficient Forms: Structure, Inputs, Labels and Actions →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.