Seven usability guidelines for websites on mobile devices

Preview:

DESCRIPTION

 

Citation preview

Seven usability guidelines for websites on mobile devices

Yahoo!'s oneSearch predicts what users are searching for and tailors results to their location.

1. Meet Users’ Needs Quickly

2. Don't repeat the navigation on every page

BBC Mobile does this effectively with a clickable breadcrumb trail at the top and a list of links at the bottom.

3. Clearly distinguish selected items

Simple page designs allow for more effective highlighting on Thomson Local.

4. Make user input as simple as possible

• Users make errors when trying to type long text on Thomson Local.• Users can quickly browse to the right cinema using Odeon's Cinema List.

5. Only show essential information

Unnecessary content pushes down Thomson Local's search box and BAA's main content below the fold.

6. Place basic browsing controls on the page

TFL's site was easy to navigate because basic controls appear on the page.

7. Design mobile-friendly page layouts

TFL's mobile site renders well on mobile screens. BAA's site doesn't appear to be designed for mobiles and renders poorly.

Mobile Web Site Builders

Mobile Web Site Builders

• Mobisitegalore• Mobify• Instant Mobilizer

Mobile Web Site Builders

• Mobisitegalore– from your mobile phone or computer– free– build, publish & share– “guaranteed to work fine on any mobile phone”

Mobile Web Site Builders

Mobile Web Site Builders

• Mobify– free service that– makes WordPress, Drupal and other websites mobile-friendly– supports iPhone, Android, BlackBerry and 4500+ other devices.

Mobify

Mobile Web Site Builders

Example K-12 District Mobile Site

• http://lcsd.k12.ms.us/

• http://mobile.lcsd.k12.ms.us

• (automatic redirect)

More Examples

• Delta• Kayak• BBC News• NYT Mobile

More Examples

• Delta• Kayak• BBC News• NYT Mobile

More Examples

• Delta• Kayak• BBC News• NYT Mobile

More Examples

• Delta• Kayak• BBC News• NYT Mobile

More Examples

• Delta• Kayak• BBC News• NYT Mobile

More Examples

• Delta• Kayak• BBC News• NYT Mobile

http://online-journals.org/i-jim

International Journal of Interactive Mobile Technologies (iJIM)

Smartphones Are Taking Us Beyond the Limits! Are You Ready?!

Thomas J. C. Smyth, Ph. D.Gary J. Senn, Ph.D.

University of South Carolina Aiken

http://edtech.sc.edu/presentations/edtech09/

poll

Recommended