3 Practical Tips to Improve Your Mobile Navigation

Posted by SiteTuners on 30 March 2015 | Comments

Tags: ,

3 practical tips mobile navigation

Let’s not start with the stats - 9 years into the iPhone launch, there are just about no marketers left who think mobile experience isn’t important to a web site’s success. The reason most sites do not have great mobile user experience isn’t that web owners are not convinced mobile is important. The reason is much, much, simpler.

Mobile experience is hard to get right.

Even if you have the know-how to split traffic into “m.website” or “mobile.website,” or even when you’ve decided Responsive Web Design (RWD) is right for your site, there are usability principles that are just drastically different for smartphones compared to desktops and laptops.

Here are a few ways you can improve the user experience for your mobile visitors.

1. Use More Space for Content, Less Space for Navigation

There’s a digital term for it - chrome. That’s the total amount of space your site uses navigation elements - the URL bar, the back button, the forward button, the primary navigation at the top of your page, the left navigation.

What user experience experts have been balancing for a while now on desktops and laptops is the chrome to content ratio - the amount of space you actually devote to the content on the page, versus the amount used for navigation.

On mobile, this is even more punishing, given how limited the screen size is. Here’s what you can do to maximize the content shown:

  • Don’t list your primary navigation options on every screen - instead, have the menu display upon something that the user needs to activate (like a hamburger menu)
  • Ensure that the trigger for the menu is easily seen. Once visitors tap on the navigation item, you can use the whole screen for navigation

Chrome to Content Ratio

Everlane uses practically the entire screen for content, with just the hamburger menu at the upper-left for the chrome.

By improving the chrome to content ratio, you’re giving your users a better shot at finding what he or she came for.

2. Organize Your Navigation Elements

It probably goes without saying, but measuring what people access while using their mobile phones is key to displaying the right things for the right devices. With so little space to work with, you can’t afford to display all categories alphabetically.

When users tap on menus on mobile devices, they expect the content to be easy to sort through. Here’s what you can do to help make that happen:

  • Review Google Analytics or other clickstream tools and filter for mobile traffic
  • When you have the most visited areas, segment those by commonalities (common topics, most used product categories, etc.)
  • Display the most commonly accessed topics or product areas on your hamburger menu - don’t rely on default sorting


Once you tap the hamburger menu, the Nixon watches site displays segmented product categories, not everything at once.

This isn’t just for hamburger menus. For long pages, you can also use mini-information architecture links that point to areas below, on the same page. You’d still want to organize the in-page links by topic or category, to match the user’s mental model.

3. Use Big Hotspots for Navigation

When visitors do tap on menu launchers, you basically have the license to use the entire mobile device screen. You need to utilize this fully - fingers are not very precise instruments, so making the hotspots larger can have a dramatic impact on reducing user errors.

Of course, larger hotspots mean fewer elements on display, so you need to know your audience pretty well. What do they care about most on your product line?

Bigger Hotspots

Adobe marketers know which products carry the business, so they can prioritize which items to display. This allows them to maximize the space used for hotspots while still catering to what people need.

Measure Your Mobile Changes

As with most changes you implement that affect navigation, you’ll need to measure and tweak for optimal results. Still, optimizing your content to chrome ratio, organizing on-tap menus, and making your menu hotspots larger should be good starting points to improve your mobile experience.

'Want to optimize your conversion funnel but don't know where to start? Find out how we can help you with conversion rate optimization


Recent Blog Posts:

It’s Not All About the Sale: Why You Should Be Measuring Your Micro-Conversions

Posted by SiteTuners on 23 March 2015 | Comments

Depending on who you ask or which site you consult, conversion rates for retail sites fall somewhere between 1% and 4%.

comments | Read the full post

Free Webinar: Lessons Learned from Watching 200K User Testing Videos

Posted by SiteTuners on 17 March 2015 | Comments

Nielsen Norman Group founders Jakob Nielsen and Don Norman, in their definition of user experience (UX), noted that “the first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother.”

comments | Read the full post

5 Lessons You Need to Learn to Be a CRO Consultant

Posted by SiteTuners on 16 March 2015 | Comments

Running a conversion rate optimization agency is a tricky business. If you’re merely handing off blueprints and letting the client do the testing, there’s the risk of the test plans getting lost in translation; and if you’re doing the test end-to-end, you have to deal with the IT team who...

comments | Read the full post

3 Ways You Can Improve Landing Page Testimonials

Posted by Tim Ash on 13 March 2015 | Comments

Positive customer feedback can help increase your conversion rate. Here are three tips for making your testimonials appear genuine, therefore increasing their effectiveness.

comments | Read the full post

Catch Tim at the eCommerce Conference & Expo in Melbourne

Posted by SiteTuners on 8 March 2015 | Comments

It’s a cliché, but it’s true: it pays to keep the tools sharp. And one of the ways you can do that is to learn how eCommerce sites in Australia acquire, convert, and retain customers by attending the eCommerce Conference and Expo on March 10- 12 in Melbourne.

comments | Read the full post

Avoid 3 Common Technology Traps and Boost Conversions

Posted by Tim Ash on 6 March 2015 | Comments

Technology is your friend.

comments | Read the full post

Completing the Usability Cycle: 5 Usability Tools You Should Be Using Right Now

Posted by SiteTuners on 4 March 2015 | Comments

Usability often gets short-changed. It’s not, as some would have you believe, something that common sense and some development skills can guarantee.

comments | Read the full post

Catch Actionable Insights from SMX West - and Don’t Miss Tim Ash

Posted by SiteTuners on 2 March 2015 | Comments

There’s not a whole lot of reasons you should NOT go to SMX West. In fact, barring timing and budgets, there’s not one reason we can think of. But if you needed any convincing at all that SMX will be useful this year, just consider that the guests make up...

comments | Read the full post