27
Seven usability guidelines for websites on mobile devices

Seven usability guidelines for websites on mobile devices

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Seven usability guidelines for websites on mobile devices

Seven usability guidelines for websites on mobile devices

Page 2: 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

Page 3: Seven usability guidelines for websites on mobile devices

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.

Page 4: Seven usability guidelines for websites on mobile devices

3. Clearly distinguish selected items

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

Page 5: Seven usability guidelines for websites on mobile devices

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.

Page 6: Seven usability guidelines for websites on mobile devices

5. Only show essential information

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

Page 7: Seven usability guidelines for websites on mobile devices

6. Place basic browsing controls on the page

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

Page 8: Seven usability guidelines for websites on mobile devices

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.

Page 9: Seven usability guidelines for websites on mobile devices

Mobile Web Site Builders

Page 10: Seven usability guidelines for websites on mobile devices

Mobile Web Site Builders

• Mobisitegalore• Mobify• Instant Mobilizer

Page 11: Seven usability guidelines for websites on mobile devices

Mobile Web Site Builders

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

Page 12: Seven usability guidelines for websites on mobile devices

Mobile Web Site Builders

Page 13: Seven usability guidelines for websites on mobile devices

Mobile Web Site Builders

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

Page 14: Seven usability guidelines for websites on mobile devices

Mobify

Page 15: Seven usability guidelines for websites on mobile devices

Mobile Web Site Builders

Page 16: Seven usability guidelines for websites on mobile devices

Example K-12 District Mobile Site

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

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

• (automatic redirect)

Page 17: Seven usability guidelines for websites on mobile devices
Page 18: Seven usability guidelines for websites on mobile devices
Page 19: Seven usability guidelines for websites on mobile devices

More Examples

• Delta• Kayak• BBC News• NYT Mobile

Page 20: Seven usability guidelines for websites on mobile devices

More Examples

• Delta• Kayak• BBC News• NYT Mobile

Page 21: Seven usability guidelines for websites on mobile devices

More Examples

• Delta• Kayak• BBC News• NYT Mobile

Page 22: Seven usability guidelines for websites on mobile devices

More Examples

• Delta• Kayak• BBC News• NYT Mobile

Page 23: Seven usability guidelines for websites on mobile devices

More Examples

• Delta• Kayak• BBC News• NYT Mobile

Page 24: Seven usability guidelines for websites on mobile devices

More Examples

• Delta• Kayak• BBC News• NYT Mobile

Page 25: Seven usability guidelines for websites on mobile devices

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

International Journal of Interactive Mobile Technologies (iJIM)

Page 26: Seven usability guidelines for websites on mobile devices
Page 27: Seven usability guidelines for websites on mobile devices

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