Modern Usability Tools & Techniques

15
Modern Usability Tools & Techniques Firecat Studio December 7, 2012

description

Modern Usability Tools and techniques, discussed and presented at Firecat Studio 12/7/12.

Transcript of Modern Usability Tools & Techniques

Page 1: Modern Usability Tools & Techniques

Modern Usability Tools & Techniques

Firecat Studio December 7, 2012

Page 2: Modern Usability Tools & Techniques

What Is Usability?

Page 3: Modern Usability Tools & Techniques

What Is Web Usability?

Page 4: Modern Usability Tools & Techniques

Usability Starting Points

Page 5: Modern Usability Tools & Techniques

Modern Usability Tools

Page 6: Modern Usability Tools & Techniques

The Usability Lab

Page 7: Modern Usability Tools & Techniques

Heuristic Evaluations

Page 8: Modern Usability Tools & Techniques

Paper Prototypes

Page 9: Modern Usability Tools & Techniques

Usability Tools We Like

•  Silverback – Records user face and screen during tests. Mac laptop, uses built-in camera, records face and screens.

•  Morae — Similar to Silverback, but not Mac-only •  Optimal Workshop’s OptimalSort: Open or Closed Card Sorting •  Optimal Workshop’s Treejack: Navigation tree testing “I’d find it

here” •  Optimal Workshop’s Chalkmark: Click tests, produces Heatmaps •  SurveyMonkey: Can embed low- or high-fidelity designs

(wireframes or comps) and ask questions •  Usabilla – Similar to Optimal Workshop’s Chalkmark •  Loop11 — Robust recorded testing with live or existing sites •  5SecondTest — Free and low-cost quick task-based tests. •  Adobe Acrobat — Send your wireframes and comps and conduct

a “paper prototype” session remotely

Page 10: Modern Usability Tools & Techniques

Silverback and Morae

Captures user’s face and screens!

Page 11: Modern Usability Tools & Techniques

Optimal Workshop OptimalSort

Open or Closed Card Sorts

Documentation MUCH Easier!

Page 12: Modern Usability Tools & Techniques

Optimal Workshop Treejack

Test Navigation Structure & Labels

Page 13: Modern Usability Tools & Techniques

Optimal Workshop Chalkmark

Use Sketches, Wireframes, Comps or Screenshots

Page 14: Modern Usability Tools & Techniques

Reporting Results

•  Keep it short •  Top findings w/video highlights •  Showstoppers/Criticality •  Low-hanging fruit

RESOURCES: •  Usability as a Conversation –

Greg Bell •  Why Do Usability Problems go

Unfixed?– Steve Krug and Caroline Jarrett

Page 15: Modern Usability Tools & Techniques

Firecat Studio

Susan Price, CEO & Chief Strategist Firecat Studio LLC 918 Nolan #104 San Antonio, TX 78202 210.320.2391 studio 210.872.0445 mobile [email protected] http://firecatstudio.com Firecat Studio on Facebook @FirecatSue