As the number of mobile users continues to outpace the number of desktop users, it should go without saying that designers, now more than ever, have to design with a mobile-first mentality. With so many folks buying products or services, reading the news, and communicating with each other away from the confines of their desks, the design focus has to switch to the mobile user experience. What’s the one, impactful way you can ensure a high-quality user experience for your users? Focus on mobile navigation. When users enjoy seamless navigation that makes whatever they’re looking for easy to find, their user experience takes a dramatic turn for the better. And when their user experience is top-notch, you can bet that your clients will enjoy more people visiting their sites, and significantly more conversions. Great mobile navigation comes down to what you decide to include in the menu, and you don’t even need many elements to facilitate great experience! Remember that screen space always comes at a premium on mobile, so it’s wise to be choosy with what you include in the menu.
Search
Including a search feature with the very familiar affordance of the looking glass goes straight to the point of giving mobile users a way to find what they’re looking for…fast. On mobile screens, you’re not going to be able to cram in as many of your elements on the homepage, as you would on a desktop site. That’s why what would otherwise be obvious right from the start may not be so on mobile screens. For anyone who can’t find what they’re looking for right from the moment they visit your site — whether that’s a particular news article, product page or contact info — it’s imperative that a search feature is available and easy to spot. The best practice is to put the search feature right at the top of the screen, whether it’s a mobile website or a mobile app. With this placement, you can be assured that your users will easily find it and then use it.
Home
Another menu-option design convention that survives the transition from desktop to mobile, the home icon is so familiar to anyone browsing a website on either mobile or desktop that it’d be absurd to exclude one. The home icon operates as a symbolic affordance, as the average user will easily know what to do and expect when they see the icon of a house in the menu. The home icon is essential for mobile users because it gives them an efficient and direct overview of the most important content on your site. As such, it also grants them easy access to more content on your site, rather than having to solely rely on in-site links within a webpage or in a column next to an article. It’s also a functional way for users to reorient themselves with what your site’s about since they can easily get distracted while browsing on their mobile devices. Anything from a phone call to an incoming text message to any of the seemingly unending badges and alerts for installed apps can interrupt them from continuing to absorb your site content. When this occurs and after they’ve returned their attention, it’s convenient for them to just hit the home button to get more info from your site and determine if it’s still relevant to them.
The share icon
The share icon is another essential part of your mobile navigation menu that you simply can’t omit. This is a recommendation based on user data. Not only is social sharing instrumental to social proof and persuading people that your article, product or site is popular and so should be further read or bought, but it’s also a habit that many mobile users partake in. It turns out that sharing content on mobile is even more popular than doing so on desktop! This makes sense when you look at it in the context of the broader reality that more people are using mobile, so more people will be sharing on mobile as well. That’s exactly why your navigation menu should include the very unique share icon, as the CBC does in its mobile site.
Relevant categories
If you’re an e‑commerce store, sometimes, you can’t shorten your navigation menu too much, but that’s acceptable if you’re offering your mobile customers what they’re looking for: easy and direct access to different purchase categories. Instead of having menu options that you’d typically expect on most mobile sites — like home, about us and contact us — online stores don’t really need to do much more than making it easy for shoppers to find precisely what they want to buy.