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

CES: Microsoft releases first Windows 7 beta
Source: vnunet.com, 9 January 2009
 
Microsoft has unveiled the first beta of Windows 7, enabling users to test the improved user interface and other features of the forthcoming operating system for the first time.

Online poker company uses Science to assess Player Preferences
Source: Recentpoker.com, 8 January 2009
 
Working with customer experience consultancy Foviance, PKR is exploiting the benefits of electroencephalography (EEG) technology to gather information on poker players' emotional relationship with a brand or service.

Do Users really love Laptops?
Source: channelinsider, 7 January 2009
 
More than one-fifth of all laptop computers will break down over the course of their life, and other limitations frustrate their users. From this list of user complaints come laptop opportunities.

User Interviews - Analysis Simplified
Source: Webcredible, 6 January 2009
 
You’ve conducted your user interviews, but now you need to make sense of all that information you’ve gathered.

Why Products Fail
Source: ComputerWorld, 5 January 2009
 
Most gadget and software makers don't understand what users want most: control.

How to Design Websites for Mobile Phones
Source: stemkoski.com, 3 January 2009
 
Tips from Ryan Stemkoski's web design blog.

Pioneer of Cyberspace honoured
Source: BBC, 2 January 2009
 
A professor who invented a forerunner of the world wide web has been made a dame in the New Year Honours.

2008 in Review: Developments that rocked the world of User Experience
Source: Catalyst Resources, 1 January 2009
 
A look back at 2008 highlights some of the key developments that rocked the world of user experience.

2008: The Year Online
Source: MIT Technology Review, 31 December 2008
 
The business of social networking, cloud computing, and a flaw in the fabric of the Internet top the most notable stories of 2008.

Shoveling through the Spamalanche
Source: UN, 30 December 2008
 
A ‘Spamalanche’ of 3,000 emails will be waiting in your inbox by the time you get back to work. What can you do besides 'delete all'?