Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Seven usability guidelines for websites on mobile devices
<ul><li>Yahoo!'s oneSearch predicts what users are searching for and tailors results to their location. </li></ul>1. Meet ...
2. Don't repeat the navigation on every page <ul><li>BBC Mobile does this effectively with a clickable breadcrumb trail at...
3. Clearly distinguish selected items <ul><li>Simple page designs allow for more effective highlighting on Thomson Local. ...
4. Make user input as simple as possible <ul><li>Users make errors when trying to type long text on Thomson Local. </li></...
5. Only show essential information <ul><li>Unnecessary content pushes down Thomson Local's search box and BAA's main conte...
6. Place basic browsing controls on the page <ul><li>TFL's site was easy to navigate because basic controls appear on the ...
7. Design mobile-friendly page layouts <ul><li>TFL's mobile site renders well on mobile screens. BAA's site doesn't appear...
Mobile Web Site Builders
Mobile Web Site Builders <ul><li>Mobisitegalore </li></ul><ul><li>Mobify </li></ul><ul><li>Instant Mobilizer </li></ul>
Mobile Web Site Builders <ul><li>Mobisitegalore </li></ul><ul><ul><li>from your mobile phone or computer </li></ul></ul><u...
Mobile Web Site Builders
Mobile Web Site Builders <ul><li>Mobify </li></ul><ul><ul><li>free service that </li></ul></ul><ul><ul><li>makes WordPress...
Mobify
Mobile Web Site Builders
Example K-12 District Mobile Site <ul><li>http://lcsd.k12.ms.us/ </li></ul><ul><li>http://mobile.lcsd.k12.ms.us </li></ul>...
 
 
More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
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 ...
Upcoming SlideShare
Loading in …5
×

Seven usability guidelines for websites on mobile devices

587 views

Published on

  • Be the first to comment

  • Be the first to like this

Seven usability guidelines for websites on mobile devices

  1. 1. Seven usability guidelines for websites on mobile devices
  2. 2. <ul><li>Yahoo!'s oneSearch predicts what users are searching for and tailors results to their location. </li></ul>1. Meet Users’ Needs Quickly
  3. 3. 2. Don't repeat the navigation on every page <ul><li>BBC Mobile does this effectively with a clickable breadcrumb trail at the top and a list of links at the bottom. </li></ul>
  4. 4. 3. Clearly distinguish selected items <ul><li>Simple page designs allow for more effective highlighting on Thomson Local. </li></ul>
  5. 5. 4. Make user input as simple as possible <ul><li>Users make errors when trying to type long text on Thomson Local. </li></ul><ul><li>Users can quickly browse to the right cinema using Odeon's Cinema List. </li></ul>
  6. 6. 5. Only show essential information <ul><li>Unnecessary content pushes down Thomson Local's search box and BAA's main content below the fold. </li></ul>
  7. 7. 6. Place basic browsing controls on the page <ul><li>TFL's site was easy to navigate because basic controls appear on the page. </li></ul>
  8. 8. 7. Design mobile-friendly page layouts <ul><li>TFL's mobile site renders well on mobile screens. BAA's site doesn't appear to be designed for mobiles and renders poorly. </li></ul>
  9. 9. Mobile Web Site Builders
  10. 10. Mobile Web Site Builders <ul><li>Mobisitegalore </li></ul><ul><li>Mobify </li></ul><ul><li>Instant Mobilizer </li></ul>
  11. 11. Mobile Web Site Builders <ul><li>Mobisitegalore </li></ul><ul><ul><li>from your mobile phone or computer </li></ul></ul><ul><ul><li>free </li></ul></ul><ul><ul><li>build, publish & share </li></ul></ul><ul><ul><li>“ guaranteed to work fine on any mobile phone” </li></ul></ul>
  12. 12. Mobile Web Site Builders
  13. 13. Mobile Web Site Builders <ul><li>Mobify </li></ul><ul><ul><li>free service that </li></ul></ul><ul><ul><li>makes WordPress, Drupal and other websites mobile-friendly </li></ul></ul><ul><ul><li>supports iPhone, Android, BlackBerry and 4500+ other devices. </li></ul></ul>
  14. 14. Mobify
  15. 15. Mobile Web Site Builders
  16. 16. Example K-12 District Mobile Site <ul><li>http://lcsd.k12.ms.us/ </li></ul><ul><li>http://mobile.lcsd.k12.ms.us </li></ul><ul><li>(automatic redirect) </li></ul>
  17. 19. More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
  18. 20. More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
  19. 21. More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
  20. 22. More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
  21. 23. More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
  22. 24. More Examples <ul><li>Delta </li></ul><ul><li>Kayak </li></ul><ul><li>BBC News </li></ul><ul><li>NYT Mobile </li></ul>
  23. 25. http://online-journals.org/i-jim International Journal of Interactive Mobile Technologies (iJIM)
  24. 27. 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

×