Web Form Design By Luke Wroblewski

Posted August 22, 2008 at 9:09 AM by Ben Nadel

Tags: HTML / CSS, Books

The other night, I finished, "Web Form Design" by Luke Wroblewski. In it, Luke Wroblewski discusses everything you'll ever need to know about designing web forms in your applications. He covers a myriad of topics including common strategies among the internet giants, label placement, dynamic forms, button placement, eye tracking, field size, field requirements, field spacing, help text and help text placement, error handling, real-time feedback, color selection, visual keys, icon selection, simplifying forms, how form design directly impacts company revenue, dozens of real-world web forms, and, of course, some "worst practice" examples. In short, this book is jam-packed with valuable information. I am positive that there is far too much for me to absorb in one sitting; surely, this book will become and often-used reference book in my library.


 
 
 

 
Web Form Design By Luke Wroblewski (Book Cover)  
 
 
 

Aside from the content, the book itself is simply beautiful. Glossy paper, full color graphics, strong binding, thick stock; everything about the book is a testament to pleasing design. And, at just over 200 small pages, it's a quick read; I finished it over the course of a few nights.

I definitely came away from this book feeling like I needed to take way more care with my web forms. I need to stop looking at them as an after thought - as a way to simply move information into the database; I need to start leveraging my forms to craft a pleasing user experience.

Anyway, I highly recommend this book to all interface designers.


You Might Also Be Interested In:



Reader Comments

Aug 22, 2008 at 12:42 PM // reply »
30 Comments

I haven't read the book yet, but I did get to attend a seven hour workshop on web form design given by Luke W. and he _really_ knows form design. I would definitely recommend his book based on the info he gave in his presentation.


Aug 22, 2008 at 2:23 PM // reply »
10,640 Comments

@Nathan,

Seven hours sounds intense :) Especially when its all web form design! This book feels the same way. A lot to internalize. Will probably take many visits to its teachings to get on the right path.


Post A Comment

Comment Etiquette: Please do not post spam. Please keep the comments on-topic. Please do not post unrelated questions or large chunks of code. And, above all, please be nice to each other - we're trying to have a good conversation here.

Please review the following issues:

Author Name:


Author Email:

Author Website:

Comment:

Supported HTML tags for formatting: <strong>bold</strong>   <em>italic</em>   <code>code</code>







  • Help Wanted - Find Your Next ColdFusion Job
InVision App - Prototyping Made Beautiful With Prototyping Tools Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
Feb 10, 2012 at 7:21 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
Update! Instead of $(eval(options.insertAfter)).after(data['insertData']); I now use: var ajaxNode = document.createElement('span'); var parent = $(eval(options.insertAfter))[0].parentNode; ... read »
Feb 10, 2012 at 6:18 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
encountered this same, what I consider, jQuery bug last week. I'm building a site in which I load some content via AJAX. This content contains Linkedin share button placeholders which Linkedin API ne ... read »
Feb 10, 2012 at 11:30 AM
Cross-Origin Resource Sharing (CORS) AJAX Requests Between jQuery And Node.js
After you understand the concepts here, this is an awesome cheatsheet for enabling CORS in just about anything http://enable-cors.org/ ... read »
JM
Feb 10, 2012 at 9:10 AM
My Safari Browser SQLite Database Hello World Example
@Amy, Here is a very good tutorial on how to use JOIN: http://www.sqltutorial.org/sqljoin-innerjoin.aspx ... read »
Feb 10, 2012 at 4:42 AM
Building A Twitter-Inspired RESTful API Architecture In ColdFusion
This is great, very useful Ben. I spotted a small typo in the api.cgm listing: <cfthrow type="Unauthroized" /> Cheers Stefan ... read »
Feb 9, 2012 at 10:35 PM
CFDirectory Filtering Uses Pipe Character For Multiple Filters (Thanks Steve Withington)
I was wondering if there would be a filter you could apply so that you got everything but what you included in the filter. As in show me all docs that are not a .pdf. ... read »
Feb 9, 2012 at 10:29 PM
Learning ColdFusion 9: Application-Specific Data Sources
@Ben, No offence, but if people were really wanting advanced features they would be using a platform like ASP.NET MVC. CFML is so structurally compromised as a tag-based scripting language that ... read »
Feb 9, 2012 at 10:03 PM
Subversion - Cleanup Failed To Process The Following Paths
@Leviaguirre, do you still have problems with this? ... read »