Designing Solid Forms

Screenshot of form design blogpost

You’ve heard the saying, “Form over function”; but for your website visitors, form is a part of function. A web form is something that looks easy; but is difficult to get right. But here’s an excellent blogpost on “The 10 Commandments of Good Form Design on the Web”.

In it, Johan Ronsse put together bite-sized chunks of principles and animated GIFs to show how to upgrade your form’s usability. For instance, for touch devices he recommends having tappable areas between 32-40px in height to account for imprecise finger taps. He also shows how to validate data and flag errors without exasperating your visitors. All the tips are good to know.

The 10 Commandments of Good Form Design on the Web | Mono

Posted in Web Design

About Blips

This here fine blog is a collection of shiny things I've curated on my web travels. I'll be sharing a weekly nugget on—web design, marketing, cool tools, tech—and maybe a screencast or two.

Get fresh posts by:

Subscribe via RSS