smartphone heuristics

28
SMARTPHONE HEURISTICS 09 August 2010

Upload: kathy-gill

Post on 06-May-2015

3.445 views

Category:

Education


0 download

DESCRIPTION

Lecture - smartphone class at University of Washington, MCDM

TRANSCRIPT

Page 1: Smartphone Heuristics

SMARTPHONE HEURISTICS

09 August 2010

Page 2: Smartphone Heuristics

HEURISTIC EVALUATION

To analyze a user interface for conformance with recognized usability principles (heuristics).

Page 3: Smartphone Heuristics

BACK STORY

Jakob Nielsen Heuristic Severity Ranking: 0 (not a problem) to

4 (catastrophe) 10 usability heuristics

Bruce Tognazzini’s “First Principles of Interaction Design”

Page 4: Smartphone Heuristics

HEURISTIC #1

Visibility of application status Use appropriate feedback to keep people

informed about what is going on Web example: Orbitz search SmartPhones: What does Shazam do as it

analyzes audio? Your projects: where/when/how do you need to

provide feedback?

Page 5: Smartphone Heuristics
Page 6: Smartphone Heuristics
Page 7: Smartphone Heuristics

HEURISTIC #2

Match between app and real world Adjust display to reflect user environment SmartPhones: How does “Maps” change to

reflect where you are? Your project: where/when/how does your app

need to reflect the user environment?

Page 8: Smartphone Heuristics
Page 9: Smartphone Heuristics

HEURISTIC #3

User control and freedom Need “emergency exit” On desktop apps, the escape key SmartPhones: “cancel” and “x” and the “back

arrow” are common iPhone controls Your projects: where/when/how will your users

want to change their minds?

Page 10: Smartphone Heuristics
Page 11: Smartphone Heuristics

HEURISTIC #4

Error Prevention Anticipate errors and design to prevent or

present clear recover option SmartPhones: spell-check override Your projects: where/when/how might people

make mistakes? How will you gracefully help them recover?

Page 12: Smartphone Heuristics
Page 13: Smartphone Heuristics

HEURISTIC #5

Consistency and Standards Conform with norms; users should not have to

guess as to what words or actions mean SmartPhones: Where do you find standard

controls? Your projects: where/when/how will you pick the

iPhone keyboard to offer?

Page 14: Smartphone Heuristics
Page 15: Smartphone Heuristics

HEURISTIC #6

Recognition Rather Than Recall Minimize cognitive load Browsers: history SmartPhones: Foursquare has a tab to show you

recent or frequent check-ins and it will (usually) put your most visited locations first when you are in that area and ready to check in

Your projects: where/when/how will an easily accessible history be helpful?

Page 16: Smartphone Heuristics
Page 17: Smartphone Heuristics

HEURISTIC #7

Flexibility and Efficiency of Use Accelerators for accomplished users Browsers and desktop apps: keyboard shortcuts SmartPhones: Where do you see suggestions as

you type? (AppStore, where else?) Your projects: where/when/how can you

anticipate your user needs?

Page 18: Smartphone Heuristics
Page 19: Smartphone Heuristics
Page 20: Smartphone Heuristics
Page 21: Smartphone Heuristics
Page 22: Smartphone Heuristics

HEURISTIC #8

Aesthetic and minimalist design Clean design that minimizes unnecessary

information SmartPhones: What are examples of great

minimal design?

Page 23: Smartphone Heuristics

HEURISTIC #9

Help users recognize, diagnose, and recover from errors Speak like your user, not like a programmer! The Web: 404 errors SmartPhones: who has good examples? (not

Foursquare!)

Page 24: Smartphone Heuristics

HEURISTIC #10

Help and documentation Contextual, concise, correct, specific SmartPhones: Ocarina offers contextual help

upon launch but makes tutorials easily accessible Your projects: where/when/how will you need to

offer “help”?

Page 25: Smartphone Heuristics
Page 26: Smartphone Heuristics
Page 27: Smartphone Heuristics

THINKING ABOUT SCENARIOS

We have a universal primary: find something (a park, an exhibit, a market)

We may have universal secondary (directions to primary selection)

Secondary goals: reviews/UGC

Page 28: Smartphone Heuristics

CREDITS

Kathy E. Gill, @kegill http://uwsmartphones.wordpress.com/