Online shoppen met gebruikersvriendelijke filters · Kega

Current situation
By far the most common filtering layout in web shops is vertical filtering, which sets aside space on the left of the screen for the filter options. This space is based on the so-called F-pattern whereby users scan web pages from left to right and from top to bottom. As such, the assumption is that users will notice the filters first and most web shops copy this pattern without much thought. After carrying out usability tests, however, it appears that users often look straight past the filters. Moreover, displaying the filter and product beside one another causes the viewer's attention to be divided. Ideally, you want to be able to channel the user's attention.

New situation
By placing the filters horizontally above the products, users no longer look past them. This encourages online shoppers to filter the products before plunging into the whole collection. The result is a more targeted shopping experience, which can lead to increased conversion. What's more, filtering beforehand avoids disappointment with users who find out at a later stage that their size is out of stock.

Horizontal filters also save space. Vertical filters don't go as far down the page as the products themselves. This means you are left with a white space once the list of filters ends. Having horizontal filters allows you to fill this otherwise void space with products. Using the whole page width gives designers endless options to create an attractive page layout.