Horizontal lists on mobile websites have become the norm nowadays. If you go on a ecommerce websites or even Netflix, you will probably see that horizontal lists or scrolling is present on the website.
Well, they are exactly that. A list that scrolls horizontally! But rather than a list of words or small text, imagine products or images side by side and you can scroll across.
These lists are great because they save space on webpages. If you have a lot of categories and a lot of products, then horizontal scrolling lists helps separate them. So you can see why they are quite a popular function to have on mobile websites.
HOWEVER, while they are a great addition to any mobile website design, you need to understand how to use and design them, because with everything, there is always a good way and a bay way!
Horizontal lists work best when you have a lot of categories and products that you need to separate. If you are an e-commerce store and have a lot of products, then horizontal scrolling could work really well.
A great example of this would be websites such as Netflix or Amazon Prime. If you use the App for either one, you will notice they use a lot of horizontal scrolling that separates different categories, such as TV, Films, and then different genres.
This is great as you can scroll vertically to see what categories they have and then the horizontal scrolling list allows you to see what product is in each category, without taking up too much space.
So you can see for a company that has a lot of categories and products to show, a horizontal scrolling list is a great function to have. If however you are a website that is more information or lead generating, then a horizontal list may not work for you!
While horizontal scrolling lists are great for mobile, we would advise against using them too much for desktop. The reason for this is because the way people use desktop is completely different to how they would use mobile or tablets. With desktop, people have a mouse to work with, while handheld devices are touch screen.
Desktop browsers also have more space for people to work with, so a horizontal list may not be needed in the first place. A horizontal list may work for places such as the homepage to give visitors a brief preview of what they can find. But throughout the rest of the site, a horizontal list is usually not needed.
If you do plan to use horizontal lists, you need to make sure you design them right. Here are a few tips on how best to design horizontal lists.
So, in all, horizontal lists are a fab function for any mobile or handheld device. Just make sure you are using them because they will enhance your website’s UX and not just because they are the “in” design trend.
If you want to see how horizontal lists could work for your mobile website, why not come and talk to us and see how we can incorporate them into your website. You can contact us here.
Magento is the leading solution for eCommerce, and we’re specialists. Magento is easy-to-use, completely customisable and endlessly scalable.
We offer custom web development services for any requirement. Manufacturing from scratch, we deliver a project entirely tailored to your needs.
Working with brands nationally from our offices in Cardiff and Cornwall, our tenacious team of designers and developers deliver sophisticated results every time.