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

'Internet addiction' linked to Depression
Source: BBC, 9 February 2010
 
There is a strong link between heavy internet use and depression, UK psychologists have said.

Could *You* be more Usable?
Source: UN, 8 February 2010
 
Bet you could.

Stowe Boyd on 'Steampunk' thinking about the Future of Computing
Source: Stowe Boyd's blog via Experientia, 6 February 2010
 
Are established metaphors of user experience holding us back from new ways of structuring our interaction through computers?

Nokia's User Experience Programme
Source: UN, 5 February 2010
 
Nokia has put together a rich and informative website covering the key elements of user experience.

Interfaces magazine: latest issue available now
Source: HCI News Service, 4 February 2010
 
The latest issue of Interfaces is now available in pdf format, free from the Interaction Website.

A Lighter Brigade of Chargers
Source: UN, 3 February 2010
 
Lots of gadgets, one charger. At last.

Mobile Touch Screens could soon Feel the Pressure
Source: MIT Technology Review, 2 February 2010
 
A quantum switch could add pressure sensing to mobile screens.

Usability, Usability, Usability: why the iPad will Succeed
Source: Econsultancy, 1 February 2010
 
The tech critics love it, hate it, love it again, shrug it off. What do usability experts say?

British Airways - at last some good news
Source: Loop11, 30 January 2010
 
In a recent website usability study for the world's leading airlines, the British Airways website proved to be the most user friendly, with Malaysia Airlines and Virgin Atlantic having the lowest user experience rating.

Computation of Emotions in Man and Machine
Source: Royal Society, 29 January 2010
 
Advances in computer technology now allow machines to recognise and express emotions, paving the way for improved human-computer and human-human communications.