Mobile site usability
-
Upload
tiffini-travis -
Category
Technology
-
view
2.199 -
download
2
description
Transcript of Mobile site usability
![Page 1: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/1.jpg)
USABLE BY DESIGN PRACTICAL USABILITY CHECKLIST
FOR MOBILE WEBSITES
Tiffini Travis Access by Touch Conference
June 8, 2012
![Page 2: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/2.jpg)
![Page 3: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/3.jpg)
![Page 4: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/4.jpg)
![Page 5: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/5.jpg)
![Page 6: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/6.jpg)
The purpose of this presentation is to introduce you to the usability checklist created by Tiffini Travis and Aaron Tay By the end of this session you should be able to Identify elements that encompass intuitive design Use heuristics to evaluate mobile website design Conduct usability testing at your own institution
![Page 7: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/7.jpg)
Mobile usability?
The worst thing any librarian can say in the course of web design is… “well I don’t think students….” and not do the most reasonable thing: ASK THEM
But FIRST….
Use the Checklist to ensure you create a good site to test with
![Page 8: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/8.jpg)
Mobile usability?
Heuristic Task-based Evaluation
2 different types of ways to conduct mobile usability
![Page 9: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/9.jpg)
Heuristic evaluation is a proven method for discovering both major and minor problems in a user interface. Heuristic testing detects 42 percent of major design problems and 32 percent of minor issues
Jakob Nielsen
Nielsen, J. 1992. Finding usability problems through heuristic evaluation.
Proceedings ACM CHI'92 Conference (Monterey, CA, May 3-7): 373-380.
![Page 10: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/10.jpg)
Creating a mobile usability checklist
To formulate a checklist for mobile design the following research questions were used to guide the process:
What current design features exist in mobile library websites and databases
What principles of usability have been developed for mobile interfaces and library sites and mobile library websites
What are the results of using the mobile checklist with current mobile library websites
![Page 11: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/11.jpg)
![Page 12: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/12.jpg)
The mobile usability checklist
Interface Design User Characteristics Content/Purpose
![Page 13: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/13.jpg)
Types of mobile library sites….
![Page 14: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/14.jpg)
![Page 15: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/15.jpg)
Take a couple of minutes to review the usability checklist….
…Now let’s do our own mini version of heuristic evaluation on four sites
![Page 16: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/16.jpg)
Database Usability
![Page 17: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/17.jpg)
Next Steps….
![Page 18: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/18.jpg)
Task-based Evaluation Traditional usability testing is a way to reveal problems in site design as well as the needs and attitudes of your users. Components include: Pre-Test of knowledge and attitudes Task performance evaluation Evaluate navigation while performing task as well as thought process Post-Test of attitudes and experience
![Page 19: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/19.jpg)
Task-based Evaluation
Find the book the Bluest Eye by Toni Morrison What is the phone number for the Science Librarian? Find an article about African Elephants If you need research help which link would you click on?
![Page 20: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/20.jpg)
Tricks and Tools
Springshare
Blogger
Wordpress
![Page 21: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/21.jpg)
What have we learned?
Usability can be easy! Mobile design can be easy (and cheap)! Always ask your users what THEY want!
![Page 22: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/22.jpg)
![Page 23: Mobile site usability](https://reader033.fdocuments.in/reader033/viewer/2022051513/547b30b6b479598a098b4d37/html5/thumbnails/23.jpg)
Tiffini Travis
Email [email protected]
Blog:
Tiffinianne.wordpress.com
Website:
www.csulb.edu/~ttravis
Slides
www.slideshare.net/t_travis
Twitter:
mojo_girl