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 »
11,238 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
Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
May 21, 2013 at 9:25 AM
Turning Off and On Identity Column in SQL Server
you are awesome..i am lucky to get this blog between such a garbage one....Thanks, Prashant ... read »
May 20, 2013 at 4:38 PM
Using A Dynamic Column Name With ValueList() In ColdFusion
@Dana, Your confusion is well founded, since this is a very confusing features. In fact, it ONLY works if you use array notation. Meaning, that this: arrayToList( query[ "columnName" ] ) ... read »
May 20, 2013 at 4:34 PM
Using A Dynamic Column Name With ValueList() In ColdFusion
I was thinking chicken and the egg, I wouldn't have expected it to work in the valuelist going in I guess. Maybe I just need a beer, long day :) ... read »
May 20, 2013 at 4:29 PM
Using A Dynamic Column Name With ValueList() In ColdFusion
@Dana, That's if you're trying to reference a specific row. In this case, we're trying to reference the entire query column as one cohesive value. So, you are correct that if you wanted to output a ... read »
May 20, 2013 at 4:24 PM
Using A Dynamic Column Name With ValueList() In ColdFusion
I thought when you used array notation to reference queries you always had to have the row or it would throw a similar error as well? ... read »
May 20, 2013 at 11:45 AM
Using jQuery's Animate() Step Callback Function To Create Custom Animations
This is really useful. I found out that you don't actually have to use a dummy css property (surprisingly). To animate a property in a linear-gradient for instance I did this this.css('someLinearGra ... read »
May 20, 2013 at 10:51 AM
Using A Dynamic Column Name With ValueList() In ColdFusion
@Josh, Oh snap! You're totally right! I'm not sure I've ever tried that. I did know that you can call a number of other array-methods on ColdFusion query columns: http://www.bennadel.com/blog/167 ... read »
May 20, 2013 at 10:45 AM
Using A Dynamic Column Name With ValueList() In ColdFusion
@Ben - I believe you can achieve the same functionality with ColdFusion's built in ArrayToList() function. ArrayToList( users[ "id" ] ); ... read »
InVision App - Prototyping Made Beautiful With Prototyping Tools