Guerrilla usability-100501202947-phpapp02

50
guerrilla usability insight on a shoestring David Sturtz [email protected] twitter: @sturtz

description

Some of the Slideshare presentations I upload were not created by me. All of them are really great and worth looking at. I am Stephen Darori on Linkedin. If you thing we have some Synergy Now or may have in the Future, then do send me a invitation to connect and follow it up with an inmail. I will never "I don't know" an invitation to connect on Linkedin.

Transcript of Guerrilla usability-100501202947-phpapp02

Page 1: Guerrilla usability-100501202947-phpapp02

guerrilla usabilityinsight on a shoestring

David [email protected]

twitter: @sturtz

Page 2: Guerrilla usability-100501202947-phpapp02

Hi, I’m David.Product Manager, Geonetric

Information Architect / UX Designer

Certified Scrum Master

Page 3: Guerrilla usability-100501202947-phpapp02

Usability

Exceptional productsrequire exceptional

Page 4: Guerrilla usability-100501202947-phpapp02

UsabilityThe effectiveness, efficiency and satisfaction

with which specified users achieve specified goals

in particular environments.

ISO 9241

Page 5: Guerrilla usability-100501202947-phpapp02

UsabilityThe effectiveness, efficiency and satisfaction

with which specified users achieve specified goals

in particular environments.

ISO 9241

Defining

Page 6: Guerrilla usability-100501202947-phpapp02

UsabilityThe e!fectiveness, e!ficiency and satisfaction

with which specified users achieve specified goals

in particular environments.

ISO 9241

Measuring

Page 7: Guerrilla usability-100501202947-phpapp02

Usabilityis not about what people

think they will do or will feel…

Page 8: Guerrilla usability-100501202947-phpapp02

Usabilityis about what people actually do,

and their satisfaction with the result.

Page 9: Guerrilla usability-100501202947-phpapp02

Usabilityis created and evaluated through

observation, conversation, & collaboration.

Page 10: Guerrilla usability-100501202947-phpapp02

By minimizing process…

Page 11: Guerrilla usability-100501202947-phpapp02

guerrilla usability embraces agility.

Page 12: Guerrilla usability-100501202947-phpapp02

Be agileIndividuals & interactions

Working software

Customer collaboration

Responding to change

Page 13: Guerrilla usability-100501202947-phpapp02

Be a guerrillaIndividuals & interactions

Working software

Customer collaboration

Responding to change

Principles over processes

Output must be input

Pull together

Keep it small, but aggregate

Page 14: Guerrilla usability-100501202947-phpapp02
Page 15: Guerrilla usability-100501202947-phpapp02

INTERVIEWS + ETHNOGRAPHY

ToolsTelephoneSkype / Video ChatWeb conferencing/screen sharing applicationsDigital photosBlogs, notebooks, diaries

understand + observe

What is it?An open-ended conversation with users about your area of interest.

Why do it?The best bang-for-your-buck as a first step in getting to know your users.

Allow these conversations to snowball using a!finity diagramming and mental models.

Pay attention to tasks and goals.

Page 16: Guerrilla usability-100501202947-phpapp02

PARTICIPATORY DESIGN

ToolsPaper, scissors, glueYUI Design StencilsOther images

understand + observe

What is it?A tangible representation of a system

Why do it?Fun for everyone. Allows participants to express needs in a different format. We’re not interested in the actual

prototypes as much as the conversations about the reasons behind them.

Page 17: Guerrilla usability-100501202947-phpapp02

PARTICIPATORY DESIGN

understand + observe

Page 18: Guerrilla usability-100501202947-phpapp02

PARTICIPATORY DESIGN

understand + observe

Page 19: Guerrilla usability-100501202947-phpapp02

CARD SORTING

ToolsIndex cards (!)UX SortOptimalSortUserZoomWebSort

understand + observe

What is it?Participants organize items into groups.

Why do it?Develop or test categorization and labeling; understand mental models.

Pay attention to the interesting di!ferences in how various people label and group items. What things are on the fringes?

Page 20: Guerrilla usability-100501202947-phpapp02

CARD SORTING

understand + observe

An open card sort. Spencer, Donna. Card Sorting: Designing Usable Categories. 2009. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/cardsorting/

Page 21: Guerrilla usability-100501202947-phpapp02

CARD SORTING

understand + observe

Page 22: Guerrilla usability-100501202947-phpapp02

MENTAL MODELS

ToolsPaperVisioExcelPowerPointOmnigraffleAdobe Illustrator

What is it?Represents a thorough understanding of user needs, activities, and mental states.

Why do it?Ensures alignment of product features with user needs.

understand + observe

Page 23: Guerrilla usability-100501202947-phpapp02

MENTAL MODELS

understand + observe

Slot “Theaters Near Me” under “Choose Easy Theater” as its primary location.Young, Indi. 2008. Mental Models: Aligning Design Strategy with Human Behavior. New York: Rosenfeld Media. www.rosenfeldmedia.com/books/mental-models/

Page 24: Guerrilla usability-100501202947-phpapp02

USER FLOWS

ToolsPaperVisioOmnigraffleAxure RP

What is it?A representation of the various paths a user may take through the system.

Why do it?Refining ideas, preparing for storyboarding, prototyping, or cognitive walkthroughs.

visualize

Page 25: Guerrilla usability-100501202947-phpapp02

STORYBOARDS / COMICS

ToolsPaperdesigncomics.org

What is it?A scene-by-scene visual depiction of a user’s interaction with a system.

Why do it?Provides a useful artifact for user and stakeholder feedback. Faster and less complex than a full interactive prototype.

visualize

Many of the unmoderated testing tools mentioned could be used to share and gather limited feedback on storyboards.

Page 26: Guerrilla usability-100501202947-phpapp02

STORYBOARDS / COMICS

visualize

Page 27: Guerrilla usability-100501202947-phpapp02

STORYBOARDS / COMICS

visualize

Kevin Cheng, http://kevnull.com/creating-concepts-through-comics

Page 28: Guerrilla usability-100501202947-phpapp02

STORYBOARDS / COMICS

visualize

http://www.google.com/googlebooks/chrome

Page 29: Guerrilla usability-100501202947-phpapp02

PROTOTYPING

ToolsPaperHTML/CSS/JavaScriptVisioPowerPointOmnigraffleBalsamiq MockupsAxure RPMockflowMockingbirdMicrosoft SketchflowFlash

What is it?A tangible representation of a system

Why do it?Exploration, idea generation, and sharing. To create an artifact for use in other testing.

visualize

Page 30: Guerrilla usability-100501202947-phpapp02

PROTOTYPING: SKETCHBOARDS

visualize

Page 31: Guerrilla usability-100501202947-phpapp02

PROTOTYPING

visualize

Balsamiq Mockups

Page 32: Guerrilla usability-100501202947-phpapp02

PROTOTYPING

visualize

Axure RP

Page 33: Guerrilla usability-100501202947-phpapp02

HEURISTIC EVALUATION

evaluate

Metrics(Potential) Errors(Potential) Efficiency

What is it?Reviewing a system against a set of guidelines or usability principles.

Why do it?Quick results, no user recruitment necessary

http://usability.gov/guidelines/guidelines_book.pdf

Page 34: Guerrilla usability-100501202947-phpapp02

COGNITIVE WALKTHROUGH

Tools

evaluate

Metrics(Potential) Errors(Potential) Efficiency

What is it?After a task analysis, a group of designers and developers step through the software asking questions at each step.

Why do it?Quick results, no user recruitment necessary, can do at virtually any phase.

Page 35: Guerrilla usability-100501202947-phpapp02

ANALYTICS

ToolsGoogle AnalyticsOmnitureWebtrendsPinch Mediacustom data/reporting

What is it?Reporting on data collected about user’s actions in the system.

Why do it?Relatively easy way to identify possible issues for further investigation.

evaluate

MetricsCompletionErrors(Bounces, Abandonment, Exits, etc.)

Page 36: Guerrilla usability-100501202947-phpapp02

ANALYTICS

evaluate

Page 37: Guerrilla usability-100501202947-phpapp02

CLICK TRACKING + HEATMAPS

ToolsClickTaleClixpyCrazyEgg(smt) Simple Mouse Tracking

What is it?A visualization of the user’s actions in a system.

Why do it?Relatively easy way to identify possible issues for further investigation. Able to collect large number of actual users.

evaluate

MetricsCompletionErrors

Page 38: Guerrilla usability-100501202947-phpapp02

CLICK TRACKING

evaluate

Page 39: Guerrilla usability-100501202947-phpapp02

HEATMAPS

evaluate

Page 40: Guerrilla usability-100501202947-phpapp02

HEATMAPS

evaluate

Page 41: Guerrilla usability-100501202947-phpapp02

REMOTE EVALUATION

ToolsUservueSilverbackWebEx / GoToMeetingVyew / Dim Dim / etc.

What is it?A task-based usability test where the moderator and participant are not in the same room.

Why do it?Easier recruiting or scheduling, contextual or geographic reasons.

evaluate

MetricsCompletionTime on TaskErrorsSatisfaction

Page 42: Guerrilla usability-100501202947-phpapp02

UNMODERATED EVALUATION

ToolsLoop 11OpenHallwayUserTesting.comFeedback ArmyChalkmark

What is it?A task-based usability test ‘moderated’ by an automated system with no participation by a human moderator.

Why do it?Easier scheduling, less time commitment.

evaluate

MetricsCompletionTime on TaskErrorsSatisfaction

Page 43: Guerrilla usability-100501202947-phpapp02

SURVEYS

Tools4QSurveyMonkeyGoogle Forms/SpreadsheetsWufoo / Formstack / etc.HaveASec (iphone)

What is it?A tangible representation of a system

Why do it?Exploration, idea generation, sharing, artifact creation

evaluate

MetricsCompletionSatisfaction

Page 44: Guerrilla usability-100501202947-phpapp02

SURVEYS

evaluate

Page 45: Guerrilla usability-100501202947-phpapp02

Usabilityis not about what people

think they will do or will feel…

Page 46: Guerrilla usability-100501202947-phpapp02

Usabilityis about what people actually do,

and their satisfaction with the result.

Page 47: Guerrilla usability-100501202947-phpapp02

Usabilityis created and evaluated through

observation, conversation, & collaboration.

Page 48: Guerrilla usability-100501202947-phpapp02

`

Recommended…

Page 49: Guerrilla usability-100501202947-phpapp02

guerrilla usabilityinsight on a shoestring

David [email protected]

twitter: @sturtz

Page 50: Guerrilla usability-100501202947-phpapp02

Photo Credits

Twitter 365 Project - Day 35 by rich115http://www.flickr.com/photos/richardgiles/3252590483

tv on the radio:halfway home by visualpanichttp://www.flickr.com/photos/visualpanic/3551386206

untitled by dev nullhttp://www.flickr.com/photos/devnull/3516167296

Da lang! by eriwsthttp://www.flickr.com/photos/eriwst/2516588547/

untitled by dev nullhttp://www.flickr.com/photos/devnull/3516200322/

coin laundry 1 by isaacbowenhttp://www.flickr.com/photos/isaacbowen/2830976681/

Cascade by vandelizerhttp://www.flickr.com/photos/jeremy_vandel/208714007/

tool rack by L. Mariehttp://www.flickr.com/photos/lenore-m/2515800654/