Welcome!

And don't forget to edit your signature & profile.

 

Icon

Statistics

  • Total posts 23318
  • Total topics 4048
  • Total members 5574
  • Our newest member
    ALF5583

TOP POSTERS

Best way to layout a long form

Design reviews, usability-related issues and discussions.
   

Best way to layout a long form

Postby vrish88 » Fri Feb 20, 2009 5:40 pm

Hello everybody,

I have a form that requires the user to enter a lot of information in order to register for our service. I was wondering, from a usability standpoint, would it be better to split the form up between several different pages or to simply divide the form into sections on one page?

Thanks!
vrish88
 
Posts: 5
Joined: Fri Feb 20, 2009 5:33 pm
   

   

Re: Best way to layout a long form

Postby JoranQ » Fri Feb 20, 2009 6:49 pm

Break it up in several pages, I would say.. As long as you display a summary of inputs before submitting. I'd hate to scroll, but I'd also hate to fill in one thousand questions and randomly submit it, if you know what I mean... :)
User avatar
JoranQ
Smashing <div>
 
Posts: 108
Joined: Mon Feb 09, 2009 5:02 pm
Location: Netherlands
   

   

Re: Best way to layout a long form

Postby Lethalogica » Fri Feb 20, 2009 7:35 pm

I'd say get rid of some of your required information. Nobody likes filling out pages and pages of information just to see something on a site. It's discouraging users to register. I don't know exactly what the service is or why it would need so much stuff to just register, unless it's paying for it. In which case go with multiple pages, it's the standard. But if you have 3 pages worth of form inputs for a simple user registration you're doing something wrong.
User avatar
Lethalogica
Smashing <table>
 
Posts: 34
Joined: Thu Feb 19, 2009 2:09 pm
Location: Manchester
   

   

Re: Best way to layout a long form

Postby vrish88 » Fri Feb 20, 2009 9:36 pm

Nobody likes filling out pages and pages of information just to see something on a site


I completely agree. But I have to get all this info from the user because it is a registration form for a summer sports camp. So I am have just been trying to make it as painless as possible.

But thanks for your suggestions, it does make sense to go with several pages to help to break things up.
vrish88
 
Posts: 5
Joined: Fri Feb 20, 2009 5:33 pm
   

   

Re: Best way to layout a long form

Postby Lethalogica » Fri Feb 20, 2009 11:32 pm

Ah okay that makes more sense then. Yeah multiple pages is better.
User avatar
Lethalogica
Smashing <table>
 
Posts: 34
Joined: Thu Feb 19, 2009 2:09 pm
Location: Manchester
   

   

Re: Best way to layout a long form

Postby Glnn » Sat Feb 21, 2009 1:36 pm

Less is, ofcourse, still more in form usability...
Splitting up in multiple pages could be a good solution, as long as you give users an indication of how much more info they have to fill in (reversed breadcrumbs might be a good solution), divide all required info into topics and use some sort of javascript to verify input data..

Because I hate retyping a whole page when I forget one character.. Who doesn't.. :)
User avatar
Glnn
Smashing <frame>
 
Posts: 12
Joined: Fri Feb 20, 2009 6:52 am
   

   

Re: Best way to layout a long form

Postby GabiClayton » Sat Feb 21, 2009 3:06 pm

Here is one good recent article on the topic by Jayne Craven:
Is your online form dreadful or delightful?
http://blogs.forumer.com/jcravens/43543/
Gabi Clayton
Olympia, Washington
http://www.gabiclayton.com
User avatar
GabiClayton
Smashing <frame>
 
Posts: 10
Joined: Tue Feb 10, 2009 10:57 pm
Location: Olympia, WA
   

   

Re: Best way to layout a long form

Postby hayley » Sun Feb 22, 2009 7:47 am

Do you definitely need the information on sign-up?

I've just been testing a load of accounting apps (like curdbee.com and lessaccounting.com etc.) and one of the things I've noticed is that a lot of them just ask for an e-mail address and a password, then ask the rest of the Business name etc. once you've signed up.

I found that way of doing things much more appealing. In the long run, I filled out the same amount of detail but as I'd already done the simple sign-up there was more incentive to fill it out rather than giving up and going elsewhere.
Hayley
@quasihayley
WordPress. Events. Cake.

Are you a Smashing Lady? Come join the Smashing Ladies thread.
User avatar
hayley
Smashing <li>
 
Posts: 259
Joined: Mon Feb 09, 2009 4:13 pm
Location: Cardiff, UK
   

   

Re: Best way to layout a long form

Postby Peter Caddy » Sun Feb 22, 2009 7:27 pm

Depends on the form and context of the page.

Are you able to post a mockup of the page so we can see?
User avatar
Peter Caddy
Smashing <frame>
 
Posts: 11
Joined: Mon Feb 09, 2009 7:23 pm
Location: Melbourne, Australia
   

   

Re: Best way to layout a long form

Postby popbogdan » Mon Feb 23, 2009 11:57 am

Forms are very complex, and should be treated accordingly. First of all, you should try to remove some items in the form, to make it as light as possible.

Next, you need to know how hard it will be for a user to type the info in there. Are you asking general information anyone would know, or some questions may require the people to look over contracts, documents etc.

If you find yourself in the second case, you should try to provide the user with a small description of the form just as they are going to it. Nobody would like to end up on the last page and see they have to input god knows what information located on a piece of paper at home, while they are on vacation 3000 miles away from home.

Now, there's always a good thing to group related content. So, if there's a few related fields, group them. If the group contains more than 15 elements, perhaps each group of the form should be separated on a different page, otherwise I don't think a multiple page design should be implemented.

If you do decide to go with multipage design, you should provide the user with a progress bar. Very important, do not lie in the progress bar. If there's 3 major steps, each requiring smaller ones, let the user know about the smaller ones before getting into your form. If you don't, most of them will drop the form for sure.

There's plenty of scenarios, and ways to make the form. The best way would be to create a few designs, and display them randomly to users for a few months. (user X sees variant X of the form. User Y sees variant Y of the form, etc). Important, is to track how many users use each type of form, and the success rate. After a couple of months, you can choose the one that provides best results.

Cheers!
popbogdan
Smashing <table>
 
Posts: 37
Joined: Fri Jan 30, 2009 5:22 pm
Location: Cluj-Napoca, Romania
   

   

Re: Best way to layout a long form

Postby Nitin Garg » Wed Feb 25, 2009 2:25 am

Shorter the form is better it is.

But still, if you cant cut the content, i suggest take care of two things.

1. Find out the logical default options to speed up the process.
2. Create slight groupings in form elements itself, for e.g personal information, account details, additional info and so on, this will help user focus at one kind of information at a time and will reduce the cognitive load.
Portfolio: http://designjunction.in | Twitter: http://twitter.com/designjunction | DeviantART: http://freakyframes.deviantart.com

Respect others, be your own critic.
User avatar
Nitin Garg
Smashing <table>
 
Posts: 21
Joined: Sat Feb 14, 2009 3:02 am
   

   

Re: Best way to layout a long form

Postby Kaypearl » Wed Feb 25, 2009 6:26 am

From a potential member point of view, I hate registration. Make sure you really do need all the fields to be filled in. If not, full name, e-mail, password and DOB are the essential ones.
Give me a tweet at: @Kaypearl

Once you go Mac, you never go back.

Respect & thanks.

P.S Blog coming soon!
User avatar
Kaypearl
Smashing <li>
 
Posts: 465
Joined: Tue Feb 24, 2009 11:02 am
Location: If it's important to you, you may ask me.
   

   

Re: Best way to layout a long form

Postby Marianna » Thu Apr 02, 2009 11:43 am

I agree with all the above suggestions.

1. Get rid of any information that are not necessary
2. Split the form into steps and either separate the form in tab sections or from page 1 to the next pages
3. Make sure to have an indication of how many pages will follow as it is frustrating for the user not to know when this process will end!

Thanks,
Marianna :D
Marianna
User experience architect
marianna@per-so-na.com

http://www.per-so-na.com
technical | creative | marketing |user experience
User avatar
Marianna
 
Posts: 5
Joined: Tue Feb 10, 2009 11:36 am
Location: Nottingham, UK
   


Return to Usability



Who is online

Users browsing this forum: No registered users and 1 guest