Accordion Steps Should Collapse Into Summaries

one of the key concepts of an accordion checkout is to make all the checkout steps character increasing and collapsing sections. during usability trying out we found that accordion-style checkouts each help inspire customers to check their typed records and provide them a seamless way to edit that order facts, have to they hit upon in inaccuracies or typos.

one of the reasons that accordion-fashion checkouts are regularly powerful at encouraging on-going evaluation via the user is that previously finished checkout steps can collapse into textual summaries of the person’s prior typings and picks. Our big-scale eye-monitoring take a look at sessions of accordion-style checkout flows certainly discovered that users glimpse at and scan these summaries of their previous steps during the accordion waft – consequently prompting an ongoing assessment in their typings and selections.

recognizing and correcting errors early on, while nonetheless clean inside the consumer’s memory, has the advantage of permitting users to accurate mistakes when the consequences of going backwards inside the go with the flow are at their lowest. at some point of our think-aloud usability check classes, the summaries of past steps had been also found to feature a sense of development for the user, a good deal within the equal style that fantastic “stay” inline validation does (see “Usability testing Inline shape Validation”).


but, a few accordion-fashion checkouts deprive customers of those options as they forget about to summarize the past checkout steps (as visible inside the above depicted L.L. Bean), failing to capitalize on one of the foremost advantages of a accordion-fashion checkout design vs multi-step and one-web page checkout designs.