3

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/

http://blog.lemonstand.com/the-great-debate-single-or-multi-page-e-commerce-checkout/

http://www.getelastic.com/single-vs-two-page-checkout/

1
  • Does your website need to support mobile devices? What kinds of fields does the user need to fill out?
    – Oztaco
    Jul 28, 2015 at 22:10

1 Answer 1

2

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.

2
  • 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, 2015 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/… Aug 4, 2015 at 20:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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