Mobile Navigation

Where Next For Mobile Navigation?

14th Jun 2016no responsesWeb Design

With Apple’s WWDC conference keynote starting just an hour or so after I write this – and big changes promised across all its operating systems – I’m particularly interested in what could potentially be the unveiling of iOS10; what alterations they introduce to their mobile UI and how apps are navigated.

Folklore dictates that Steve Jobs insisted the iPhone screen size always allows the user to reach anywhere on the screen with their thumb, while holding the device in a natural way. Tim Cook’s Apple has since seen the release of the ‘Plus’ devices, meaning larger screens and often out-of-reach navigational elements. Apple introduced a workaround of double-tapping the ‘home’ button to slide content down so the top is easily reachable, but to designers like me this feels like a sticking-plaster rather than an elegant solution. It leaves an ugly blank space at the top of the screen and has no sense of integration with the rest of the OS.

This relic of placing the navigational elements at the top of the screen has bled through to mobile web design, working in conjunction with the slightly confusing 3-line ‘hamburger’ navigation to befuddle mobile users. It seems the penny is starting to drop among the UX community that this is an illogical choice for the user-interface, and that it can simply be reworked in a much more user-centric way to be within thumbing-distance.

It also provides us with an opportunity to sidestep the ‘hamburger’ menu icon and present the users with a reworked version of the desktop nav — spelling menu items out in a clear manner, rather than hiding them away under ambiguous icons. When we begin any project, we hold a client-agency workshop to structure the site in a logical, lean way that will work for both the client and their end-user: this allows us to consider mobile-first as a design choice and ensure the structure can work with fewer top-level menu items, as seen here on a site we’re currently developing…

I would argue that app designers have a more difficult task. Many apps already feature a toolbar across the bottom, while navigational elements such as ‘search’ or ‘back’ reside at the top; having both these things at the bottom in their current format would require some kind of double-decker toolbar (pretty ugly!), or a full re-think of the standard screen configuration to incorporate all into a single, contextual toolbar.

Time will tell whether Apple’s next iOS update will make this leap, but if not, surely it won’t be long until someone finds the optimal solution, which will surely provide a huge competitive advantage in mobile UI design.

Update 14/06/2016: No change from Apple in the iOS10 updates, which suggests at least another year before this is addressed. Android could potentially get the jump on iOS, however their ‘navigation bar’ already limits options without an even more radical redesign than their Apple counterpart. It looks for now as though no solution is imminent.



Author: Peter Wootton

Top Ranking SEO Expert & Consultant - Ranked Top On Google For "SEO Manchester". Specialist in Technical SEO.


No Comments on Where Next For Mobile Navigation?

  1. Connor Gibson
    January 14, 2010Reply

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper.

  2. Nikolas Brooten
    February 21, 2010Reply

    Quisque tristique tincidunt metus non aliquam. Quisque ac risus sit amet quam sollicitudin vestibulum vitae malesuada libero. Mauris magna elit, suscipit non ornare et, blandit a tellus. Pellentesque dignissim ornare elit, quis mattis eros sodales ac.

    • Pearce Frye
      February 22, 2010Reply

      Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit non.

      • Nikolas Brooten
        April 4, 2010Reply

        Nullam id dolor id nibh ultricies vehicula ut id. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

  3. Lou Bloxham
    May 03, 2010Reply

    Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


Would you like to share your thoughts?

Your email address will not be published. Required fields are marked *