A Horizontal Toolbar Can Outperform The Traditional Sidebar: Filtering Ui – During Our Usability Studies Of Checkout Processes

center design Our usability studies show that the topwebdesignny.com and toolbar can increase both the discovery and the utilization of a site’s filters, and avoid misinterpretations of the sorting tool.

During our usability studies of checkout processes, mobile ecommerce and e commerce navigation, dropdown interfaces often caused severe usability problems if not implemented with great care.

Due to vertical alignment concerns, these horizontal filtering designs are virtually always implemented as ‘dropdowns’, or similar collapsing interface. Both problems are severe as it prevents users from getting a ‘welldefined’ product list which match their purchasing criteria -and instead leaves them navigating overly broad product lists. It’s a heatmap from a recent ‘eye tracking’ study we did showing the accumulated ‘eye fixations’ of 32 test participants at Allposters.

center design So this clearly confirms that a horizontal filtering toolbar can have a very high discovery rate. Horizontal filter and sorting tool has another major benefit, as if this wasn’t enough. Here on this site we’ll explore the usability test findings on this relatively new horizontal Filtering Sorting Toolbar user interface. Throughout the research study, the tested unified horizontal filtering and sorting designs proved to perform very well in regards to both discoverability and utilization of the site’s filters. Keep reading. The horizontal filtering design has one major shortcoming. This is where it starts getting very entertaining. And not the unlimited screen height as the traditional filtering sidebar does, it only works well for industries and site types that naturally have few filters, as long as it utilizes the screen width. IKEA uses an unified horizontal filtering and sorting bar. The actual question is. How does this new horizontal toolbar interface actually perform with real users?

They tend to scroll upward towards the top of the product list, when users have initially explored a product list and later decide they seek for to alter the products displayed. Misinterpreting the sorting tools for filters is understandable, especially considering that sorting and filtering are highly related in that they are both tools designed to alter the product list, since that’s often where the sorting tool is placed. For Homepage Category navigation, OnSite Search, and actually for our study on Mobile Commerce, these problems were not only observed during this e commerce usability study on Product Lists Filtering.

Are there some criteria I can use? For example, similarly, at Pixmania, a subject pondered, I’m looking for a way to narrow this down to something more manageable. Also, site types that deal with even remotely spec driven products, will nearly always need a larger set of category specific filters making it unfeasible to fit them into a horizontal toolbar.

, while 24percentage of the benchmarked e commerce sites have a horizontal filtering interface. It’s important that before considering a horizontal unified filtering and sorting bar, it’s thoroughly investigated if the site does as a matter of fact have all the filtering options that users need, if a site outside apparel and home decor currently has few filters. For a bunch of users the most common behavior was however one of tunnel vision -overlooking or ignoring the filtering sidebar, despite actively looking for a way to alter the products displayed.visit this page in case you want more tips.