Web Form Design by Luke Wroblewski

Designing forms for the web is a tricky business. Left-aligned labels or right-aligned labels? What about putting them above or using none at all? Tool tips or more substantial help text? Thankfully, Yahoo design chief Luke Wroblewski is here to help.

Web Form Design: Filling in the Blanks is sadly not available in the UK, so if you really want to buy it, you’ll have to either download the digital copy or have it shipped from America (although it comes with the PDF version if you order a hard copy). I think it’s a shame because it would probably do well enough to justify its presence over here, but I guess that’s the cost of going with a smaller publisher.

Wroblewski begins by outlining the problem: “Forms suck. We should design accordingly.” He introduces the basic benefits of good form design and then moves on to cover every aspect of web form design in the clearly delineated chapters that follow.

Although there’s a lot to take in, Wroblewski writes very clearly and the full colour book is full of illustrations. Best of all, each chapter ends with a short list of best practices, so you don’t have to read through an entire section again when you use it as reference. Web Form Design also includes a number of contributions by other authors, labelled as ‘Perspectives’ in the book. These are well placed and offer additional context to the main text.

With the higher price due to shipping, my expectations were somewhat higher than usual for Web Form Design, but it’s more than justified the price I paid for it. It’s a very specialist book, but one that will probably stand the test of time better than a lot of other technical books. For anyone who designs web forms on a reasonably frequent basis, this is an essential read.

Published in Book reviews, Usability, Websites, tagged on 2nd August 2008. No comments.

Making Nectar’s usability sweeter

Nectar is a loyalty card scheme which I recently signed up for because you can earn points at the supermarket I use. It’s a pretty large scheme, so I was surprised to discover just how poor the Nectar website’s usability is. Let’s walk through the task of signing up for a Nectar card, having heard about the scheme in store.

So, load Nectar.com and you’ll immediately notice two things that are conspicuous by their absence. First of all, only the browser’s title bar tells you what Nectar is, a place that most people won’t look to assertain the meaning of a website. It mentions points and there are some offers, but it lacks a definitive statement of intent.

Aside from assuming knowledge of the product, Nectar’s homepage also contains no obvious link to a place where you can get a card. Going from potential customer to an actual customer should be an easy process. There’s a small ‘Register’ link in the top right corner and a couple of pointers hidden in the menus, but these are probably too little, too late for less determined users.

Continue reading →

Published in Usability, Websites, tagged on 28th June 2008. No comments.