Caroline's Corner: Two-column Forms are best Avoided

A concerned designer wrote to me:
'Our forms are laid out in a single vertical column. A new project manager is pushing to get the forms for a new product to 'look different from other products' by requesting a two column layout. This means the user would go down, say 7 fields in a left-hand column, then back up to the top and down another 7 fields in a right-hand column. My instinct is to resist this but I can't give any solid reasons why!'

Short answer: Your instinct is correct. Don't do two-column forms.

Slightly longer (and mildly facetious answer): I'm assuming that we're talking Web forms here? If so, the answer is that it's perfectly OK to use a two-column layout ... if you don't mind that users will frequently fail to notice the second column altogether with consequential confusion and annoyance.

And here are some reasons.

TWO-COLUMN FORMS ARE CONFUSING
If you have a one-column form (the usual type), then the reading order is straightforward: down the column.

If you have a two-column form, then think about what happens when you've dealt with the first question. Should you then move across the page horizontally, filling in questions row by row? Or should you work down the page vertically for the first column, and then go back up to tackle the second column? Can't say without looking at your specific form. Sometimes, can't say even when I do look at your specific form. It's very easy for the user to be confused. And I think we agree that confusing our users is a Bad Idea.

TWO-COLUMN FORMS ARE HARD TO DO WELL ON PAPER
These days, we're all mostly looking at Web forms. But I'd like you to think for a moment about paper forms.

It's quite hard to do two-column layout in print, but at least in print people see the page as a whole. If you have an extremely clear gutter (space between the columns) then that sorts out some of the confusion: users can see that they are supposed to work down the left column, then go back up and work down the right column. Even so, it's a high-risk strategy. Some people will miss the second column.

TWO-COLUMN FORMS ARE BEST AVOIDED ON THE WEB
On the Web, users are much, much more likely to stick like glue to the single column and fail to notice the other column.

When testing, I've observed that participants frequently fail to notice anything in the right-hand column. Just the other day, one of them explained it to me: 'Well, I just always blank the right column. I think of anything there as being an ad or not relevant.'

If you have a really good, clear gutter so that the reading order is clear (as on paper) then you actually increase the problem because the right column looks more distinctive.

But if you don't have a good, clear gutter then you have a confused reading order. Some people will then notice the right column and go there first. Others won't and will work straight down. It's a mess.

TWO-COLUMN FORMS CREATE ACCESSIBILITY PROBLEMS
And finally (if you're not yet completely convinced) - two-column layouts can be especially tricky for accessibility. It's not all that clear what happens when screen readers hit them. The screen reader doesn't see any gutter... bingo, we have a confused reading order. And if you're using a screen magnifer, you will definitely blank that right column. And if you have a reading difficulty, then two-column layouts just add to it.

AND THREE-COLUMN FORMS?
So what do I think about three-column forms? Do you really need to ask? Go on, have a guess!

If you have any comments or suggestions about this article then please contact Caroline at:

Caroline.Jarrett@Effortmark.co.uk

Caroline Jarrett is a usability consultant specialising in forms, questionnaires and data capture.

© 2006 Caroline Jarrett, all rights reserved.

Associated Link: Effortmark

All change at the top for System Concepts
Source: System Concepts Ltd, 3 July 2009
 
Leslie Fountain has been promoted to joint Managing Director of leading usability consultancy System Concepts.

Life in UCD immortalised in fiction: you couldn't make it up
Source: UN, 2 July 2009
 
Sarah Herman's fictitious book on life in a user-centred design company has hit the shelves and The Guardian's book pages...

Interfaces Magazine - Issue 79: The Education Issue
Source: Interaction Group, 1 July 2009
 
The latest issue of Interfaces is now available as a free download from the Interaction Website.

Two new Behavioural research Tools from Noldus
Source: UN, 30 June 2009
 
Tool updates make on-site behavioural data collection easier.

Cell Phones that Listen and Learn
Source: MIT Technology Review, 29 June 2009
 
New software tracks a user's behavior by monitoring everyday sounds.

Top Six Don’ts for Usability Testing
Source: FutureNow Inc., 27 June 2009
 
Six tips for creating quality usability tests to ensure useful feedback from testers.

Usability: ‘Lovely software. But I can’t work it’
Source: FT.com, 26 June 2009
 
In a recent survey by Global Graphics, 77 per cent of office workers estimate they lose up to one hour a week because business software is difficult to use.

And what do you do?
Source: Dexo Design, 25 June 2009
 
How do you describe your job role? Here are the results of a recent 'Preferred UX/UI Title' Poll.

Most Doctors cite Usability as critical to Electronic Health Record Adoption
Source: TMCNet, 24 June 2009
 
It's all about 'meaningful use'.

Glossy monitors look good but can hurt
Source: QUT, 23 June 2009
 
A new advisory cites research which suggests high gloss monitors make users sit awkwardly.