How to create a form with ~15 fields for a buying used clothes site, single or multi page? I saw other debates & older forums, but im not still convinced. Im leaning towards one page, or maybe accordion.. Is there a latest AB testing study?

Ive already checked: http://www.demacmedia.com/design-user-experience/checkout-debate-multi-step-one-step-or-accordion/



  • Does your website need to support mobile devices? What kinds of fields does the user need to fill out? – Oztaco - Reinstate Monica C. Jul 28 '15 at 22:10

I would say Accordion.

Multipage may give issues when going back a step and losing form data, plus it's usually not possible for customers to 'look ahead' to what they have to fill in. It can feel too opaque, like you're expected to sign a contract but they're not letting you read it in its entirety.

But a single page can seem daunting, especially if you have many fields. The 'fold' still matters on websites.

An accordion would keep users focused on the portion that they currently have to fill in, yet gives them peace of mind because they have freedom to look at the whole process.

Also, try to keep the form chunks consistent if you decide to somewhat separate them. Imagine if http://www.getelastic.com/wp-content/uploads/treatment.jpg was split up, the first page would have 8 fields for shipment, and the second page only a single toggle. Instead they should have asked for communication info (first name, last name, email, phone, newsletter), followed by delivery info (address, what handler to use). More evenly sized chunks and better contextualization.

You say you've got 15 items, so 3x5 would be a nice grouping.

| improve this answer | |
  • I found a classic, general use accordion at www.frankandoak.com, u have to login to check the buying process, but if u do, theres a couple of problems with the accordion: 1. when u re in a step & u havent completed all fields & for some reason want to go back or "up" (cause its an accordion) the fields u ve completed are deleted. 2. if u want to go "up" some steps then u have to click "next" for each step again to get back to your current step. (ex. im at step 5, wanna go to step2, gotta click next 3 times!!) – Sites Kris Aug 4 '15 at 11:32
  • That's not a good accordion. What I'm talking about should keep the form filled, and you should be able to press the step/tab to go to it at once. I quickly googled an example: java2s.com/Tutorials/HTML_CSSDemo/p/… – PixelSnader Aug 4 '15 at 20:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.