quick and easy usability testing for improving your web … · quick and easy usability testing for...

44
Quick and Easy Usability Testing for Improving Your Web Apps Andrew Turner and Mark Harrower [email protected] and [email protected] Session #156

Upload: lyngoc

Post on 27-May-2018

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Quick and Easy Usability Testing for Improving Your Web Apps

Andrew Turner and Mark [email protected] and [email protected]

Session #156

Page 2: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability
Page 3: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Why Usability?• Create the best possible experience when people touch our

technology.

• Flatten the learning curve, engage, and when possible, delight.

• Is it needed, understood, and how can it be improved?

Page 4: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Self-explanatory.

Obvious.

Frictionless.

Why Usability?

Don Norman - The Design of Everyday Things (1988)

Page 5: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Our Expectations of Technology

Don’t make me think. Don’t waste my time. I just want it to work.

Steve Krug (2000)

Page 6: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

User-CenteredWhatever it is that you are planning to build, it needs to be useful to somebody and has to solve a real-world problem. This end-user need is the reason of existence…

Michael Gaigg (esri)

Page 7: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Why?It Saves You Time

(yes, counter-intuitive)

Page 8: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Why?Saves Money

(cheaper to uncover sooner rather than later)

Page 9: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Why?Sharpens Scope and Vision

(eliminate pet buttons)

Page 10: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Why?Better, more useful and usable product

= increased user happiness

=more competitive, more loyal customers

Page 11: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Why?Increased Confidence

Page 12: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Why?Reduces Demands on Support

Page 13: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

How?Informal to formal

Quick to time-consuming

Cheap to expensive

They all have a place, all can make your product better.

Page 14: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

UsabilityPartners.seCheat Sheet to 38 Approaches

Page 15: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

nForm.com

UX Trading Cards (45+)

Page 16: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

UCD Menu

michaelgaigg.com

Page 17: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Watch and ListenI contend that 80% of the value of testing comes from the magic of observing and listening as people use a design. The things you see and the things you hear are often surprising, illuminating, and unpredictable. This unpredictability is tough to capture in any other way.

Dana Chisnell

Page 18: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Esri DC DevIdentify problems early, and repeatedly, and systemically (it’s baked-in to the dev process)

Page 19: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Three Core QuestionsScope: “do we need a share button?”

Implementation: “is this the best way to build a share button?”

Deployment: “how are people using the share button?”

Page 20: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Myth #1It’s Expensive

Page 21: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability
Page 22: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Myth #2Build It, Then Test It

Page 23: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Myth #3You Need Lots of Test Subjects

Page 24: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Myth #4Users Don’t Know What They Want

Page 25: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Myth #5All I get is Contradictory Feedback

Page 26: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Myth #6I Don’t Have Time

Page 27: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Our Philosophy1. You can always do better

2. Foster empathy

3. Champion better ideas

4. Be humble, no one has all the answers

5. Seek specific feedback, not general

Page 28: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

PitfallsDon’t help or interrupt. Sit on your hands, literally

Don’t lead the witness - it’s not a training session

Don’t cherry pick feedback - stay honest

Don’t be defensive, invite critique

Thank people for their feedback and honesty

Ums, silences, and body language are super important

Page 29: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

CaveatsNot a magic bullet - triangulate

Be deliberate

Can be artificial

Page 30: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Out Source!Let others evaluate for you - fast turn around

Page 31: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Usability Testing in 5 minutesUsability in< 5 minutes

Page 32: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Glance Test

Page 33: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability
Page 34: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

“What did you see?”• Note

• Major Actions• Buttons• Text

• Privately note• What they didn’t see that you expected• e.g. Did you notice how to ‘Add Data’

Page 35: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Deeper Experimentation• ask to “Please speak thoughts out loud”

• Good, Bad, Looking For • Expected vs. Saw

• Don’t guide.• Only help when they are stuck and ask for help

PersonaExploration

Page 36: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Persona• Real People with Real Needs

• Provide a typical scenario

• Know that the steps would

work for you - prepare the

data and workflow

• only use real data

Page 37: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

• World Bank Economist

• Where is Highest Poverty?

• top 5 districts of highest poverty

• Share your map with colleague

Page 38: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

• World Bank Economist

• Where is Highest Poverty?

• top 5 districts of highest poverty

• Share your map with colleague

Page 39: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Exploration• Allow to freely play with the

application• Time-bound• After initial exploration, ask open-

ended questions• “How do you think you Share?”• “What do you think happens if you

click this button?”

Page 40: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

ExerciseSo easy, we can do it here and now…

Page 41: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

ArcGIS Open DataOur Experience…

http://composer.dc.esri.com

Page 42: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Places To Start

Usability.GovA List Apart alistapart.com/topic/usabilityMedium medium.com/design-ux/User Interface Engineering uie.comLean UX (book)Cadence & Slang cadence.cc/Design Patterns designinginterfaces.com/patterns/

Page 43: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability

Thought LeadersJakob Nielsen www.nngroup.com/people/jakob-nielsen/

Steve Krug www.sensible.com

Don Norman www.jnd.org

Jared Spool www.uie.com/about/consultants/

Michael Gaigg michaelgaigg.com/blog/

Doug Bowman research.cs.vt.edu/3di/user/123

Page 44: Quick and Easy Usability Testing for Improving Your Web … · Quick and Easy Usability Testing for Improving Your Web Apps ... Lean UX (book) Cadence ... Quick and Easy Usability