WEBSITES: IN FOCUS
Published: June 09, 2008
6 ways to enhance user experience
 
Accordion

An accordion enables sections of content to expand or collapse so only one displays at a time. When you click on a header, the visible content collapses and the desired content expands into view. Just like the carousel, the accordion gives you a chance to showcase extra content in a confined area.

The Reebok Run Easy site uses an accordion to guide visitors through a multi-step process. When implementing, all headers should look clickable and have a hover treatment. If the accordion is part of a process, provide a "continue" button to proceed to the next step.

What are the most common processes that customers are doing on your website? Registration? Checkout? Understanding which of these tasks can be optimized for your customers will help to improve the overall conversion rates on your site.

« Previous page | Next page »