usability (and some thoughts on mobile)

105

Upload: thiago-colares

Post on 02-Jul-2015

429 views

Category:

Technology


0 download

DESCRIPTION

I'd been kindly invited by Rodrigo Rocha to teach some thoughts about Usability + Mobile to his students. The intention of this presentation is to provide an overview, some tools and references, so the students can apply them right away and look for more. The intention is NOT to explain everything - this would be a task for several weeks. I hope it is useful for you too. (at Federal University of Bahia, Salvador - Brasil, 30/01/2012)

TRANSCRIPT

Page 1: Usability (and some thoughts on mobile)
Page 2: Usability (and some thoughts on mobile)
Page 3: Usability (and some thoughts on mobile)
Page 4: Usability (and some thoughts on mobile)
Page 5: Usability (and some thoughts on mobile)
Page 6: Usability (and some thoughts on mobile)
Page 7: Usability (and some thoughts on mobile)
Page 8: Usability (and some thoughts on mobile)
Page 9: Usability (and some thoughts on mobile)

Utility = whether it provides the features you need

Usability = how easy & pleasant these features are to use

Useful = Utility + Usability

Page 10: Usability (and some thoughts on mobile)
Page 11: Usability (and some thoughts on mobile)

Page 12: Usability (and some thoughts on mobile)
Page 13: Usability (and some thoughts on mobile)
Page 14: Usability (and some thoughts on mobile)

Page 15: Usability (and some thoughts on mobile)

Page 16: Usability (and some thoughts on mobile)
Page 17: Usability (and some thoughts on mobile)
Page 18: Usability (and some thoughts on mobile)
Page 19: Usability (and some thoughts on mobile)
Page 20: Usability (and some thoughts on mobile)
Page 21: Usability (and some thoughts on mobile)
Page 22: Usability (and some thoughts on mobile)
Page 23: Usability (and some thoughts on mobile)

Page 24: Usability (and some thoughts on mobile)

Page 25: Usability (and some thoughts on mobile)

Page 26: Usability (and some thoughts on mobile)

Page 27: Usability (and some thoughts on mobile)
Page 28: Usability (and some thoughts on mobile)
Page 29: Usability (and some thoughts on mobile)
Page 30: Usability (and some thoughts on mobile)

Page 31: Usability (and some thoughts on mobile)

Page 32: Usability (and some thoughts on mobile)

Page 33: Usability (and some thoughts on mobile)

Page 34: Usability (and some thoughts on mobile)

Page 35: Usability (and some thoughts on mobile)

Page 36: Usability (and some thoughts on mobile)

Page 37: Usability (and some thoughts on mobile)

Page 38: Usability (and some thoughts on mobile)

Page 39: Usability (and some thoughts on mobile)

Page 40: Usability (and some thoughts on mobile)

Page 41: Usability (and some thoughts on mobile)

Page 42: Usability (and some thoughts on mobile)

Page 43: Usability (and some thoughts on mobile)

Page 44: Usability (and some thoughts on mobile)

Page 45: Usability (and some thoughts on mobile)

Page 46: Usability (and some thoughts on mobile)
Page 47: Usability (and some thoughts on mobile)

Page 48: Usability (and some thoughts on mobile)

Page 49: Usability (and some thoughts on mobile)
Page 50: Usability (and some thoughts on mobile)

Page 51: Usability (and some thoughts on mobile)

1 You may want to review the Osborn's method http://en.wikipedia.org/wiki/Brainstorming

Page 52: Usability (and some thoughts on mobile)

Page 53: Usability (and some thoughts on mobile)

Page 54: Usability (and some thoughts on mobile)
Page 55: Usability (and some thoughts on mobile)

Page 56: Usability (and some thoughts on mobile)

Page 57: Usability (and some thoughts on mobile)

Page 58: Usability (and some thoughts on mobile)
Page 59: Usability (and some thoughts on mobile)

Page 60: Usability (and some thoughts on mobile)

Page 61: Usability (and some thoughts on mobile)

Page 62: Usability (and some thoughts on mobile)

Page 63: Usability (and some thoughts on mobile)
Page 64: Usability (and some thoughts on mobile)
Page 65: Usability (and some thoughts on mobile)
Page 66: Usability (and some thoughts on mobile)
Page 67: Usability (and some thoughts on mobile)

Houde & Hill (http://blogs.ischool.berkeley.edu/ict4se/files/2010/09/Prototypes_prototype.pdf)

Page 68: Usability (and some thoughts on mobile)

Page 69: Usability (and some thoughts on mobile)

Page 70: Usability (and some thoughts on mobile)

http://www.flickr.com/photos/squidsoup/4075707112

Page 71: Usability (and some thoughts on mobile)

Page 72: Usability (and some thoughts on mobile)

● Fine-tune and Idea

http://www.adobe.com/devnet/fireworks/articles/cooper_prototyping.html

Page 73: Usability (and some thoughts on mobile)
Page 74: Usability (and some thoughts on mobile)

Page 75: Usability (and some thoughts on mobile)

Page 76: Usability (and some thoughts on mobile)
Page 77: Usability (and some thoughts on mobile)

Page 78: Usability (and some thoughts on mobile)

See more at Amal Dar Aziz, Guide to Storyboarding, http://hci.st/story

Page 79: Usability (and some thoughts on mobile)

See more at Amal Dar Aziz, Guide to Storyboarding, http://hci.st/story

Page 80: Usability (and some thoughts on mobile)

See more at Amal Dar Aziz, Guide to Storyboarding, http://hci.st/story

Page 81: Usability (and some thoughts on mobile)

Page 82: Usability (and some thoughts on mobile)

Page 83: Usability (and some thoughts on mobile)

http://yicaohci.com/blog/wp-content/uploads/2010/09/image78.png

Page 84: Usability (and some thoughts on mobile)

http://www.sketchingtomorrow.com/wp-content/uploads/2010/06/upgrade.jpg

Page 85: Usability (and some thoughts on mobile)

Page 86: Usability (and some thoughts on mobile)
Page 87: Usability (and some thoughts on mobile)
Page 88: Usability (and some thoughts on mobile)

● A high-level design strategy

● Should clearly express the problem or

opportunity

● Examples:

– "with a good scheduling interface, no one should

have to wait in line."

Page 89: Usability (and some thoughts on mobile)

Page 90: Usability (and some thoughts on mobile)

Page 91: Usability (and some thoughts on mobile)
Page 92: Usability (and some thoughts on mobile)
Page 93: Usability (and some thoughts on mobile)

Page 95: Usability (and some thoughts on mobile)

Page 96: Usability (and some thoughts on mobile)
Page 97: Usability (and some thoughts on mobile)

Page 98: Usability (and some thoughts on mobile)

Page 99: Usability (and some thoughts on mobile)

Page 100: Usability (and some thoughts on mobile)
Page 101: Usability (and some thoughts on mobile)

See more: http://www.mobiledesignpatterngallery.com/

Page 102: Usability (and some thoughts on mobile)
Page 103: Usability (and some thoughts on mobile)

● “Usability 101: Introduction to Usability”, Jakob Nielsen’s Alertbox: January 4, 2012

(http://www.nngroup.com/articles/usability-101-introduction-to-usability/)

● Jakob Nielsen. 1992. The Usability Engineering Life Cycle. Computer 25, 3 (March 1992), 12-

22. DOI=10.1109/2.121503 http://dx.doi.org/10.1109/2.121503

(http://ieeexplore.ieee.org/xpl/articleDetails.jsp?tp=&arnumber=121503)

● Human-Computer Interaction lectures by Scott Klemmer, from Stanford Online Course, at

http://coursera.org (2012)

● Mobile Prototyping Essentials Workshop, by Rachel Hinman (see more:

http://www.slideshare.net/Rachel_Hinman)

● Parallel & Iterative Design + Competitive Testing = High Usability, Jakob Nielsen’s Alertbox:

January 18, 2011, http://www.nngroup.com/articles/parallel-and-iterative-design/

Page 104: Usability (and some thoughts on mobile)

● 7 reasons why you can’t sell usability, and what to do about it

http://www.usefulusability.com/7-reasons-why-you-can%E2%80%99t-sell-

usability/

● Sketching User Experiences: Getting the Design Right and the Right

Design (Interactive Technologies), Bill

Buxtonhttp://www.amazon.com/Sketching-User-Experiences-Interactive-

Technologies/dp/0123740371

● UsabilityGeek (Justin Mifsud) http://usabilitygeek.com/

● Mobile Design Pattern Gallery: UI Patterns for Mobile Applications, by

Theresa Neil, 284 pages, O'Reilly Media (March 13, 2012) ISBN-10:

1449314325,I SBN-13: 978-1449314323

● Universal Principles of Design, by William Lidwell, Kritina Holden and Jill

Butler, Hardcover: 216 pages, Rockport Publishers (October 1, 2003),

English, ISBN-10: 1592530079, ISBN-13: 978-1592530076

Page 105: Usability (and some thoughts on mobile)

● Amal Dar Aziz, Guide to Storyboarding, http://hci.st/story

● Using Qualitative Methods in Empirical Studies of Software Engineering,

by Carolyn Seaman, from University of Maryland Baltimore County,

Fraunhofer Center for Experimental Software Engineering, Visiting

Researcher – UFPE Center for Informatics (ask me for the PDFs)