Home > mobile > If all pages are linked in a menu, should a back button be provided?

If all pages are linked in a menu, should a back button be provided?

January 25Hits:0

If full navigation is provided for every page of a simple site, should there be a back button among its options?

Example Scenario: A mobile website has 4 child pages, all accessible via navigation on the home page:

  • Login
  • Contact Us
  • Store Locator
  • Jelly-Of-The-Month

Inside any of these 4 inner pages, a navigation bar is provided that has links to each of the 4 inner pages as well as the logo which returns the user to the homepage. The navigation bar is consist across all inner pages.

In this scenario, should the navigation bar also include a "back" button as the first/left element even though full navigation is always available?


I'm gonna have to say my answer is a big "no" to this. Check out the images at the top of this post showing a bunch of browser chrome/ device images: http://24ways.org/2011/raising-the-bar-on-mobile

Notice anything? They ALL have a back button - either hardware or software. Back on the web is a familiar action on the web - users know how to do it and expect it to work properly. This may be why the back button is also the most used button on desktop browsers (hence FF making it much larger than the forward button).

The second argument I'd make against this is that you don't know the context of how the website will be viewed. On iOS many apps (twitter apps are the prominent example that comes to mind) have embedded webviews with chrome of their own with a back button at the top. Stacked back like that gets to be pretty clunky and not finger-friendly, but then you also have the added complexity of two buttons in proximity that do very different things (back to the stream or browser back).

"Back" button is standard in all browsers including "feature phones". There's no need to create an extra dynamic link for it (don't forget that with 4 pages you have quite a few potential navigation paths).

Your navigation bar should only have the top-level items and the link to the homepage. I wouldn't recommend using a logo instead of Home on mobile sites because the image is likely to take up more space or be of very low quality. Moreover, some users may not understand or realize it's clickable (there's no hover state on most mobile devices).

Screen real estate is a precious thing on small screens, so you need to prioritize. The other answers are correct when they say that the browser already provides a method to get back. It's also important to note that often times back buttons are included to mimic native iOS conventions, which should be avoided on the web.

However, I've been in usability tests on a mobile site that included a (non-native looking) back button in the top left and much to my surprise, most of the users (not just iPhone users either) clicked on that in order to get back. I can't really explain why users behaved this way, but it's worth noting.

So while it probably should be avoided in this case (4 links is already a crowd), there are potential benefits of including a (non-native looking) back button.

Related Articles

  • If all pages are linked in a menu, should a back button be provided?January 25

    If full navigation is provided for every page of a simple site, should there be a back button among its options? Example Scenario: A mobile website has 4 child pages, all accessible via navigation on the home page: Login Contact Us Store Locator Jell

  • Any simple way to show 10 previous pages by id to current page in links as a menuOctober 29

    I've been reviewing any plugin that may help in this but I got nothing. For a web using pages instead of posts, I may need to show in each page a menu consisting of 20 previous pages, or maybe 10 previous pages and 10 next pages links, excluding thos

  • Highlighting top level link when viewing one of it's sub-pages, which are not linked in the menuAugust 2

    I have a page that is not linked in my custom menu. This page has a parent page, which is linked in the custom menu. If I go to the "not-linked" page, I want to to highlight it's parent page link in the menu. I use WordPress 3.0 and there is a p

  • How to add custom post type archive page links to nav menu?December 5

    I cannot figure this out. There seems to be no checkbox or anything similar in function to add the newly created custom post type archive page into the menu. Also the link must be active, if you are on the page. This probably isn't possible, but is t

  • How to prevent a page from being linked in the menu/crossbarJanuary 26

    I apologize if the question is confusing. Let me explain: I'm running a modified version of Twentyten and I've been doing the parent/child thing with my pages, which show up on the horizontal menu that I like to call the crossbar. However, I want to

  • How to remove Pages links from nav menu?December 7

    I've been looking at and trying themes for a long time, and found several that I liked except they make a menu bar listing all Pages. I built an "About" menu with three specific pages on it. I don't want any other Pages to show-especially not th

  • how do I add "contact page or custom link" at top menu bar in OpenCart?January 20

    how do I add "contact page or custom link" at top menu bar in OpenCart? i am using Version how can i add "homepage and other page" at responsive menu in opencart? Thanks --------------Solutions------------- I generally add it t

  • Add Class to Specific Link in Custom MenuFebruary 22

    I know you can add a class in the custom menu options, but it adds it to the LI before the A. I want to apply the class directly to this specific A rather then the whole LI. So instead of the output being <li id="menu-item-51" class="NEW

  • How to add a Custom Link to a Menu with an URL that is relative to the blog URLMarch 11

    Part of my work is to create Wordpress websites. I usually work on my laptop until I have something good enough to be uploaded to the test server where the client reviews it. I create a VirtualHost for every new project so I'm always working with a W

  • How do I add a link to a menu from a module in Drupal 6?December 16

    I'm creating a drop down menu with nice menus, but I'm having a problem programatically adding a link to the menu from modules. I have defined the menu in the Administration section under Site Building > Menus and can get it to work fine if I add a l

  • Adding an external link to wordpress menuFebruary 20

    I am currently using wordpress menu like this ... $args=array('menu'=>'menu', 'menu_class'=>'', 'before'=>'<span>', 'after'=>'</span>', 'link_before'=>'', 'link_after'=>'' ); wp_nav_menu($args); But what if want is to add a s

  • Show a link in a menu even if user has no accessJune 2

    I created a node/add/content-type menu link in my main menu, but it only shows to those who have access to it. How could I show this to everyone, including anonymous users, and use http://drupal.org/project/r4032login for those who have no access? --

  • Drupal 7, generalizing a view to use as a link in a menuJune 27

    I have 2 content types "Project" and "Document" and 2 Taxonomy vocabularies of "Document-types" (ex: calculations, reports, etc.), and "Projects" (the project names "alpha", "beta", etc). All doc

  • add pre-registered links to user menu via hook_menuAugust 23

    One step before being forced to using internationalization (i18n) module! I'am trying to add translatable Register and Login links to secondary menu via hook_menu in way which user module dose for Account and Logout links via user_menu(): // user mod

  • Linking a Navigation menu item to external URL

    Linking a Navigation menu item to external URLSeptember 13

    3 of 7 links on my navigation menu are external links to others websites (same company but other services/not the same domain). Those websites are not the core of the business. Linking a navigation menu item to external URL is not good practice, is i

  • Add the current menu item CSS class to a custom page type archive in Wordpress menuOctober 10

    I've been reading a lot about this but couldn't find a solution. Basically I'm trying to show a current menu item on a dynamic page that is created by a custom page type archive. The default menu control doesn't add the current-menu-item CSS class na

  • How to delete Ghost Menu Link in Main Menu?October 15

    I added a menu link in main menu: user/%/notifications/subscription. The menu is never visible except that when a user goes to his subscription page via 'My Account'. The menu link is not available when I try to edit the main menu links. It is not th

  • How to add content type as a menu item child without displaying the link in the menu?July 1

    I recently found menu block module, which displays my submenu very nicely. Here's the menu hierarchy: Home About News & events -- News -- Events Contact So when I go to the News & events page and from there to the News page the submenu displays ju

  • Trying to create a custom menu link in a menuJuly 13

    So I want to have different menu links depending on if a user has received a message or not. I make a hook_menu() instance, like this: /** * Implements hook_menu(). */ function MYMODULE_menu() { global $user; $items = array(); $items['user/' . $user-

  • User specific permission to add links to a menuSeptember 19

    When I create a content type, e.g. 'Basic Page' and I want to add a link to a menu I do usually the following: Menu settings -> Provide a menu link -> choose a menu and its position of the link there I know, that I can define, which menus are appear

Copyright (C) 2018 ceus-now.com, All Rights Reserved. webmaster#ceus-now.com 14 q. 0.577 s.