Seven usability guidelines for websites on mobile devices

Download Seven usability guidelines for websites on mobile devices

Post on 27-Jan-2015

107 views

Category:

Documents

4 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

<ul><li> 1. Seven usability guidelines for websites on mobile devices</li></ul> <p> 2. </p> <ul><li>Yahoo!'s oneSearch predicts what users are searching for and tailors results to their location. </li></ul> <p>1. Meet Users Needs Quickly 3. 2. Don't repeat the navigation on every page </p> <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> <p> 4. 3. Clearly distinguish selected items </p> <ul><li>Simple page designs allow for more effective highlighting on Thomson Local. </li></ul> <p> 5. 4. Make user input as simple as possible </p> <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> <p> 6. 5. Only show essential information </p> <ul><li>Unnecessary content pushes down Thomson Local's search box and BAA's main content below the fold. </li></ul> <p> 7. 6. Place basic browsing controls on the page </p> <ul><li>TFL's site was easy to navigate because basic controls appear on the page. </li></ul> <p> 8. 7. Design mobile-friendly page layouts </p> <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> <p> 9. Mobile Web Site Builders 10. Mobile Web Site Builders </p> <ul><li>Mobisitegalore </li></ul> <ul><li>Mobify </li></ul> <ul><li>Instant Mobilizer </li></ul> <p> 11. Mobile Web Site Builders </p> <ul><li>Mobisitegalore </li></ul> <ul><li><ul><li>from your mobile phone or computer </li></ul></li></ul> <ul><li><ul><li>free </li></ul></li></ul> <ul><li><ul><li>build, publish &amp; share </li></ul></li></ul> <ul><li><ul><li> guaranteed to work fine on any mobile phone </li></ul></li></ul> <p> 12. Mobile Web Site Builders 13. Mobile Web Site Builders </p> <ul><li>Mobify </li></ul> <ul><li><ul><li>free service that </li></ul></li></ul> <ul><li><ul><li>makes WordPress, Drupal and other websites mobile-friendly </li></ul></li></ul> <ul><li><ul><li>supports iPhone, Android, BlackBerry and 4500+ other devices. </li></ul></li></ul> <p> 14. Mobify 15. Mobile Web Site Builders 16. Example K-12 District Mobile Site </p> <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> <p> 17. 18. 19. More Examples </p> <ul><li>Delta </li></ul> <ul><li>Kayak </li></ul> <ul><li>BBC News </li></ul> <ul><li>NYT Mobile </li></ul> <p> 20. More Examples </p> <ul><li>Delta </li></ul> <ul><li>Kayak </li></ul> <ul><li>BBC News </li></ul> <ul><li>NYT Mobile </li></ul> <p> 21. More Examples </p> <ul><li>Delta </li></ul> <ul><li>Kayak </li></ul> <ul><li>BBC News </li></ul> <ul><li>NYT Mobile </li></ul> <p> 22. More Examples </p> <ul><li>Delta </li></ul> <ul><li>Kayak </li></ul> <ul><li>BBC News </li></ul> <ul><li>NYT Mobile </li></ul> <p> 23. More Examples </p> <ul><li>Delta </li></ul> <ul><li>Kayak </li></ul> <ul><li>BBC News </li></ul> <ul><li>NYT Mobile </li></ul> <p> 24. More Examples </p> <ul><li>Delta </li></ul> <ul><li>Kayak </li></ul> <ul><li>BBC News </li></ul> <ul><li>NYT Mobile </li></ul> <p> 25. http://online-journals.org/i-jim International Journal of Interactive Mobile Technologies (iJIM) 26. 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 </p>