Must Read Web Form Design Articles
Wednesday, October 07, 2009
Web Form Design: Modern Solutions and Creative Ideas
from Smashing magazine is smart thorough look at the creative aspects of form design. Definitely one of the better contemporary articles.
45+ Really Essential Free HTML [Form] Enhancements
Here is a collection of free tools to improve user interaction and data collection.
- Form Upload Enhancements
- Form Auto Completion Enhancements
- Virtual Keyboard for Form Input Elements
- Form Input Validation
- Custom Form Elements Design
- Form Input Element Date Pickers
- Form Control Libraries
How To Design The Perfect Form
Posted on 02. Feb, 2009 by Brian in Web Design
- What To Consider When Designing The Perfect Form
- Modern Examples Of Forms + Best Practices
- Contact Forms
- Web Forms: Tutorials And Resources
10 Web Form Design Guidelines Based on Eyetracking
Interesting set of bullet points however not always applicable.
Fancy Form Design Using CSS
This article helps dispel the fear of form design and open our creative minds to what can be done.
From Code Snippet Gallery
Not really an article but a listing of code snippets to help make forms better.
40 Eye-Catching Registration Pages
Nice set of styled forms to inspire.
10 Tips for Incredible Web Forms!
“What I’ll be showing you is how to have perfect working web forms with stunning visuals to produce the desired form for you every time!I’ll be taking you through the core principles, and making your web forms stand out from the rest! At the end of it all you can see many examples of stunning web forms across the net.”
Eight Rules for Effective Web Forms
by Martin Ludwig — May 1, 2009
A short but great article on some of the basics. Interesting to note that all the form samples were built using CoffeeCup Web Form Builder.
Web Form Design Recommendations
Here is a checklist of recommendations for form design. I extracted this from Luke Wroblewski’s excellent presentation on Best Practices For Web Form Design; I took my favourite points, edited them, and arranged them into categories for easy reference. I use this checklist when designing and reviewing forms. For best results, view the original presentation and commit it to memory first.
Sensible Forms: A Form Usability Checklist
by BRIAN CRESCIMANNO
...we can make our users' lives easier by thinking about the way people interact with our websites, providing clear direction, and then putting the burden of sorting out the details in the hands of the computers--not the users.
Smart Defaults in Registration Forms
06.17.2008 by LukeW
Ever get an invitation to join a Web site in your Inbox? With the increasing popularity of social Web applications, it’s getting hard to find people who have not. So chances are you know the drill. Get invited by a friend via email, then go to the Web site and fill in a registration form so you can join. Here’s an example of that progression on MySpace.
Web Application Form Design
BEST PRACTICES FOR FORM DESIGN: The PDF