Caroline's Corner - Long Forms: Scroll or Tab?

As some of you will know, I’m pretty much a diehard forms obsessive and there’s nothing I like more than a question about forms – especially if I have some experience or data to support my answer. So I thought I’d devote this month’s Corner to one that comes up quite often, but was neatly expressed by Cindy Lu of HFE Consulting, LLC.

She was working recently on a long form, and asked: 'If the form is 2 pages long, should we present them in one screen that requires vertical scrolling or organise them into tabs or pages? What about the forms that are 4 pages long?'

So here are my rules of thumb for answering this question.

ONE FORM = ONE PAGE
What we're really aiming for is "one form = one page". If that isn't feasible, then "one topic = one page". It’s best if we can get a coherent, related group of questions together.

SCROLL UP TO TWO SCREENS
So what to do when the form or topic exceeds a screenful? I’ve seen forms working well when they scroll a bit. One screenful is fine, and I’ve seen up to two further screens work acceptably. After that, we seem to get a 'lost in the page' effect.

I also take into account whether the user is likely to want to print the form. There are several reasons:
- to keep a record
- to review the answers
- to help collect answers if the answers have to be gathered from other people or by consulting other documents.

If so, then it's really quite helpful to have about two screensful per page as this usually fits neatly onto ordinary letter/A4 paper.

SCROLL OR TAB?
If you are splitting the form into pages, should you use tabs to display the pages?

Tabs are problematic, because it isn’t all that clear whether changes made to one tab should be applied when moving to another tab. And there’s always a risk of overlooking the tab navigation altogether, with confusing results ('where’s the rest of the form?').

So I've found that designs based on whole screens are more frequently successful than designs that rely on tabbed panes. But it's certainly possible to create acceptable tabbed designs - provided that there is a maximum of one row of tabs.

ONE COLUMN OR TWO COLUMNS?
Cindy also asked: one column or two columns? She pointed out that for ease of reading, we could present the fields into one column. The user will fill out the form from top to bottom. Or, to take advantage of the screen space, like windows applications, we could group the fields and place them into two columns. We can reduce the scrolling. Is there a chance that user may miss some fields?

My view: With two columns, there is a chance that the user may miss some fields. The problem arises because using two columns creates an ambiguous reading order. We start with the box in the top left corner. Now where to go? Across horizontally or down vertically?

ONE COLUMN WORKS BETTER, USUALLY
I've seen it work acceptably on paper when there is a very strong visual grouping that makes it quite clear that columns go together rather than
rows, or vice versa. But note that I said 'acceptably' rather than 'well'. This was a compromise between overall visual length of the form and accepting that some users would go wrong.

On screen, I'd be worried about potential accessibility issues in the reading order - as well as the visual issues. Using a tab sequence doesn't necessarily sort it out. People's eyes will move to wherever they expect the next field to be, and they don't sit back to wait for the flashing cursor to tell them where to look. Also, screen real estate is a lot more flexible than paper so it's usually better to use it generously.

EXCEPTION: INTENSIVE DATA ENTRY
BUT - and here's the big exception. If these forms are being filled in repetitively and/or constantly referred to, then it works better to crush as much as possible onto the screen - then make sure you allow plenty of time for training/familiarisation..

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

Caroline.Jarrett@Effortmark.co.uk

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

© 2005 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.