Helping ordinary people create extraordinary websites!
HOME TUTORIALS SCRIPTS WEB HOSTING BLOG FORUM
Get Our Newsletter
Email:

7 Usability Guidelines for Websites on Mobile Devices

By Abid Warsi
2008-01-30


2. Don't repeat the navigation on every page

Usable websites designed for PCs usually repeat the navigation on every page. However, screen real estate is precious on a mobile screen and navigation can push content off screen. BAA's navigation, for example, takes up the whole screen so users have to scroll down far on every page to get to the main content.

For your website on a mobile, only display the navigation on the homepage. On other pages only include links back to the homepage and back to the last important point along the path users have taken. Show these links at the top and bottom of the page so they're never too far away. BBC Mobile does this effectively with a clickable breadcrumb trail at the top and a list of links at the bottom.

Screenshot of BBC
The BBC's breadcrumb trail saved space and was an effective substitute for repeating t


Tutorial Pages:
» Introduction
» 1. Meet users' needs quickly
» 2. Don't repeat the navigation on every page
» 3. Clearly distinguish selected items
» 4. Make user input as simple as possible
» 5. Only show essential information
» 6. Place basic browsing controls on the page
» 7. Design mobile-friendly page layouts
» In a nutshell


 | Bookmark
Related Tutorials:
» Drupal CMS e-Commerce Module Basics
» Creating an Online Newsletter with Drupal
» Setting Up Subversion for Development on Windows
» Stylize Your Digg Count
» Installing Apache on Windows
» Ecommerce Imagery: Persuading with Pictures