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

Six Metrics for Managing UI Design
Source: Russell Wilson, 28 August 2008
 
A proposal of six metrics to be used for managing a user interface design department.

Don't Judge a Form by its Cover
Source: Formulate Information Design, 27 August 2008
 
The saying "don't judge a book by its cover" reminds us that looks are deceptive. It turns out that this idiom applies to forms too.

Beijing Olympics - special State of the eNation report
Source: www.abilitynet.org.uk, 26 August 2008
 
In this special report AbilityNet asked disabled users to try out the Beijing Olympics website in our interaction lab.

It's Who You Know (Or Don't)
Source: Stanford Magazine, 23 August 2008
 
Online social networks are powerful and ineffectual all at once.

Winning Considerations for Interactive Content
Source: UXMatters, 22 August 2008
 
Rich options for interactively presenting content also come with a challenge.

Microsoft sees end of Windows era
Source: BBC, 20 August 2008
 
Microsoft has kicked off a research project to create software that will take over when it retires Windows.

News you can Use
Source: Gerry McGovern, 18 August 2008
 
When the homepage is dominated by news you are not necessarily communicating more.

Feeling Through your Computer
Source: Discoveries and Breakthroughs Inside Science, 16 August 2008
 
A newly designed device lets computer users feel the texture and movement of what they are seeing in front of them.

User interviews - A basic Introduction
Source: Webcredible, 15 August 2008
 
It's surprising how few people have a real understanding of who's using their site.

Helping Visitors find Information
Source: UN, 13 August 2008
 
A new report outlines the key findings from surveys that explored factors which influence the quality of online experience.