The Usability of Mobile Menus

usability mobile menu

Menus on mobile devices and usability

As the image that accompanies this blog post shows, websites that are not optimised for mobile present significant issues for usability and not least in the function of the navigation. The screen size looks tiny when a full sized website is presented on a smartphone and in many ways this illustrates the challenge for designers. Attempting to present on a smartphone all the choices available in the navigation on a full sized website even when using responsive web design can be a usability nightmare.

We have already looked at the issue of mega drop-down menus in a previous blog post so in this post I want to deal more with the challenge of rationalising menu items. For example, retailer H&M, group all the shopping categories that are displayed on the full sized website (ladies, men, kids, home and sale) into one category “Shop” on the tablet version of the website:  tablet.hm.com. They then group all sub-categories of [say] ‘Men’ under a “View All” button that brings the full menu over the top of the product content. On the large site these categories are presented as a left hand navigation at every screen width.

M&S, in their very new website which is partially responsive, choose to use a Hamburger menu on the homepage which gives a cleaner look but I think limits the options available. When sub-categories are selected the left hand menu appears and disappears and the user needs to return to the main menu button each time they wish to navigate. It is still navigable by I would think the user is required to work a bit harder and that usability therefore suffers.

I think M&S have been brave to try a new method for mobile navigation and I think we will see a lot more experimentation in this area because there is no ‘perfect’ solution yet. User behaviour is changing as we observe when website usability testing and so keeping pace is going to be tough. The usability of mobile menus may well suffer in the next year or so, particularly if user experience design doesn’t change.

If you would like to learn more about how users navigate using mobile device menus please get in contact with us and we would be delighted to help. You can give us a call free on 0800 0246 247 or drop us an email at hello@ux247.com.

Related Posts



Lukasz Zelezny, SEO Consultant

I am Lukasz Zelezny. At SEO.London and UX247.com, we craft data-driven strategies tailored to your business, focusing on both search visibility and user experience. Unlike agencies, we analyze your competition, audience behavior, and site performance to drive traffic, engagement, and conversions.

With 20 years of expertise and a decade of global speaking experience, we blend technical SEO with UX optimization—ensuring your site ranks and converts. We don’t guess; we strategize.

SEO.London is your strategic partner, not just a service provider. Let’s build a bespoke plan to boost your online presence and business growth. Ready to make an impact?

Get in touch today


What we do
Our clients
Newsletter

Subscribe to our monthly newsletter and receive the latest UX news from around the world

white-logo

Address:

SEO.London
International House,
24 Holborn Viaduct London,
EC1A 2BN
United Kingdom