Open Plans User Testing Workshop

123
Testing & User Research Workshop

description

Introductory user testing & user research workshop for government staff & civic hackers, delivered at Thoughtworks in NYC on 4/23/14

Transcript of Open Plans User Testing Workshop

Page 1: Open Plans User Testing Workshop

Testing & User ResearchWorkshop

Page 2: Open Plans User Testing Workshop

Photo Credit: kaboodle.com

Page 3: Open Plans User Testing Workshop

“The best tool for resolving disputes within a

design team, for making design decisions based

on data rather than opinion, is sitting next to

someone who is a real person who wants to

accomplish something as they use your design to

do it.”

--Dana Chisnell, August 2, 2010

Page 4: Open Plans User Testing Workshop

Btw I’m Cyd Harrell

I’m UX Evangelist at Code for America

My favorite tools: empathy and duct tape

Page 5: Open Plans User Testing Workshop

Today’s Agenda

10:00-10:15: intros

10:15-11:30: core user research technique

11:45-12:30: your research set-up

1:30 - 2:45: recruiting participants

3:00 - 4:00: going beyond usability

Page 6: Open Plans User Testing Workshop

#1 Find out about the people who will use your thing#2 Align your core team around what you’re doing to do#3 Find out what your core team is up against in their work

Research

Page 7: Open Plans User Testing Workshop

The hardest two things about research:‣ providing the prompt‣ collecting the response

Oversimplification Alert

Page 8: Open Plans User Testing Workshop

The hardest two three things about research:‣ providing the prompt‣ collecting the response‣ getting everyone to buy in

Oversimplification Alert

Page 9: Open Plans User Testing Workshop

The hardest three four things:‣ getting the right participants‣ providing the prompt‣ collecting the response‣ getting everyone to buy in

Oversimplification Alert

Page 10: Open Plans User Testing Workshop

o.k. so a few things are hard

Page 11: Open Plans User Testing Workshop

Let’s jump right in

Page 12: Open Plans User Testing Workshop

What’s the latest with UX Research?

Page 13: Open Plans User Testing Workshop

WHAT’S DIFFERENT IN 2014

Source: Pew Internet and American Life Project, January 2014

Page 14: Open Plans User Testing Workshop

WHAT’S DIFFERENT IN 2014

Source: Knight Foundation Digital Access Update, February 2014

Page 15: Open Plans User Testing Workshop

TOOLKIT

Page 16: Open Plans User Testing Workshop

TOOLKIT

Page 17: Open Plans User Testing Workshop

REMEMBER!BEgraceful

When All Your

TECHNOLOGY

BREAKS

Page 18: Open Plans User Testing Workshop

uximresearch.tumblr.com

Page 19: Open Plans User Testing Workshop

Now we do a little experiment

Page 20: Open Plans User Testing Workshop

EXERCISE #1“Giraffe”

‣ 2 groups per table

‣ Pick one moderator and one participant

‣ 10 minutes of observation

Page 21: Open Plans User Testing Workshop

MODERATOR Instructions

Your participant has a sheet of paper and that’s it

Goal: find out what kind of physical task instructions work

Hint: ask them to give you a play by play of what they are doing

Try and follow along with your own paper

NO helping, even if you could.

Page 22: Open Plans User Testing Workshop

It’s A RACE

You only have 10 minutes to do this max.

Page 23: Open Plans User Testing Workshop

Surprises?

Page 24: Open Plans User Testing Workshop

Useful phrases 1the approach

“Hi, would you like to participate in a study today?”“I’m working to improve XXXX for citizens and I’m collecting feedback.”

Page 25: Open Plans User Testing Workshop

Useful phrases 2reassurance

“This isn’t a test of you, it’s a test of the system”“There are no right or wrong answers”“Positive and negative feedback is equally valuable”“Nothing you say is going to hurt my feelings”

Page 26: Open Plans User Testing Workshop

Useful phrases 3instructions

“I just need you to be yourself and act as you naturally would”“One little thing I’d like you to do differently is talk aloud as you use this today”

Page 27: Open Plans User Testing Workshop

Useful phrases 4,5,6,7keeping the conversation going

“mm-hm” “oh interesting” “sure, I hear you” “right” “ok” “uh-huh” (lather, rinse, repeat)

Page 28: Open Plans User Testing Workshop

Useful phrases 8probes

“Can you tell me a little more about that?”“When you did X a minute ago, can you tell me how you made that choice?”“Talk me through what happened there.”

Page 29: Open Plans User Testing Workshop

Useful phrases 9ratings

“If you had to give this a letter grade, you know A, B, C, D, F like we used to get in school, what would you give it?”

Page 30: Open Plans User Testing Workshop

Useful phrases 10self-explanatory

“Thank you so much, I really appreciate your taking the time to talk to me.”

Page 31: Open Plans User Testing Workshop

DESIGNINGUSER STUDIES

Page 32: Open Plans User Testing Workshop

FIND THE RIGHT PARTICIPANTSuximresearch.tumblr.com Photo Credit: Ed Yourdon

Page 33: Open Plans User Testing Workshop

Photo from blog post by Dustin Larimer http://www.dustinlarimer.com/design-management-summer-camp/

OFFER A TASK

Page 34: Open Plans User Testing Workshop

SCRIPT FOR CUSTOMIZATION

“Please look for a pair of pink pumps in your size.”

“Please look for a pair of shoes you’d like to buy”

Page 35: Open Plans User Testing Workshop

MODERATED must-haves

Consent

Tech set-up

The beef

De-installation

Thanks & incentive

Page 36: Open Plans User Testing Workshop

AUTOMATED must-haves

Expectation setting

Instructions

The beef

Thanks & incentive

Page 37: Open Plans User Testing Workshop

Photo from blog post by Dustin Larimer http://www.dustinlarimer.com/design-management-summer-camp/

STREAM & RECORD WHAT HAPPENS.

Page 38: Open Plans User Testing Workshop

BREAKPhoto Credit: Sorin Petcu

Page 39: Open Plans User Testing Workshop

Testing & User Research

Part 2: your set-up

Page 40: Open Plans User Testing Workshop

What’s New with Research Tools?

Page 41: Open Plans User Testing Workshop

Remote Design Research

Definition:

Research where the participant is not sharing physical space with the researcher.

% of qualitative research done remotely*

* Source: My wild guess

In personRemote (2008)Remote (2012)

Page 42: Open Plans User Testing Workshop

ScreenEasier

Sharing

Page 43: Open Plans User Testing Workshop

Awesome compared to this!

Page 44: Open Plans User Testing Workshop

PrototypeSo Many

Tools

Flinto

Page 45: Open Plans User Testing Workshop

Experience SamplingTask-driven

iOS & Android

Page 46: Open Plans User Testing Workshop

Mobile ClientSimultaneous

Website Testing

Page 47: Open Plans User Testing Workshop

WHOSE DEVICE?

Page 48: Open Plans User Testing Workshop

Photo Credit: groundsel, inju

Pro:‣ better context‣ more comfortable users

Con: ‣ extra installation time‣ less control

Page 49: Open Plans User Testing Workshop

Pro tips for working with users’ own phones:

‣ Have a backup iPhone and backup Android device on hand.

‣ Make a power strip part of your testing station

‣ Have chargers for all the phones you’re expecting

‣ Instruct participants to install necessary apps in advance, but leave time in case they don’t

‣ Adjust the screen brightness before you start each session

Page 50: Open Plans User Testing Workshop

Pro tips for offering lab devices:

‣ Have a backup iPhone and backup Android device on hand.

‣ Charge devices between every session.

‣ Remove passwords, lock screens, etc.

‣ Dry-run every aspect of the test, since you have the opportunity.

uximresearch.tumblr.com

Page 51: Open Plans User Testing Workshop

Physical Setup for Mobile Tests

Page 52: Open Plans User Testing Workshop

Photo Credit: Diane Loviglio, Mozilla

Page 53: Open Plans User Testing Workshop

Real Talk About Holding Phones

Source: Steve Hoober in UX Matters, February 2013

Page 54: Open Plans User Testing Workshop

Test Targets

Page 55: Open Plans User Testing Workshop

PROTOTYPES, WIREFRAMES, SKETCHES?

Page 56: Open Plans User Testing Workshop

HECK YES.

Page 57: Open Plans User Testing Workshop
Page 58: Open Plans User Testing Workshop

Photo from blog post by Dustin Larimer http://www.dustinlarimer.com/design-management-summer-camp/

PAPER PROTOTYPES, POST-IT STYLE

Page 59: Open Plans User Testing Workshop

Photo from UX Magazine article by Tania Lang

PAPER PROTOTYPES, WITH SCROLLING

Page 60: Open Plans User Testing Workshop

Lo-ficlickable

prototypes

Page 61: Open Plans User Testing Workshop

Photo from UX Magazine article by Tania Lang

Prototyping Apps for Higher Fidelity

Proto.ioFluidFlinto

PhoneGap

Page 62: Open Plans User Testing Workshop

Photo from UX Magazine article by Tania Lang

Cool Hack:

Screenshots in an album or photostream

Page 63: Open Plans User Testing Workshop

The hardest two things about research:‣ providing the prompt‣ collecting the response

In The Lab

Page 64: Open Plans User Testing Workshop
Page 65: Open Plans User Testing Workshop

Photo Credit: Hans Makkee

high resolution portable

streaming camera

Page 66: Open Plans User Testing Workshop

Mobile ScreenRecording

Page 67: Open Plans User Testing Workshop

Source: OpenDeviceLab.com

Device Labs

Page 68: Open Plans User Testing Workshop

uximresearch.tumblr.com

Page 69: Open Plans User Testing Workshop

EXERCISE #2“Roll Your Own”

‣ Share out

Page 70: Open Plans User Testing Workshop

Taking Notes

Second monitor if possible

Excel Hack (remoteresear.ch/samples)

Page 71: Open Plans User Testing Workshop

Observer Involvement

IM

Campfire (!)

Integrated Chat

Passing Notes

Page 72: Open Plans User Testing Workshop

Questions?

Page 73: Open Plans User Testing Workshop

Let’s do lunch

Page 74: Open Plans User Testing Workshop

Testing & User Research

Part 3: recruiting participants

Page 75: Open Plans User Testing Workshop
Page 76: Open Plans User Testing Workshop

RECRUITING OPTIONS

‣ Grab someone in the hallway

‣ Grab someone who isn’t involved in your project

‣ IM your outside friends for a quick look

‣ Panels and recruiting agencies

‣ Real citizens from email & consent lists

‣ Physical & web intercepts

realness

Page 77: Open Plans User Testing Workshop

TWITTER RECRUITING

Page 78: Open Plans User Testing Workshop

ANATOMY OF A RECRUITING TWEET

@person we’re interviewing [job or characteristic] about [topic] on [dates] (paid research) -interested? [LINK]

I’m looking for [job or characteristic(s)] for a [research activity] on [dates] incentive $X [LINK] please RT

Pro tip: edit your profile to mention “UX Researcher” and “Current Study: Martian Life”

Page 79: Open Plans User Testing Workshop

BIGGER THAN A TWEET

‣ Why are you doing this work?

‣ What exactly are you asking? (How much time, where, when)

‣ Who do you need? (tasks or demographics)

‣ Who is asking?

‣ Who vouches for you? (official sponsor or trusted leader)

‣ Will there be a reward or incentive?

‣ Can this be confidential or anonymous?

Page 80: Open Plans User Testing Workshop

Screener constraints

Keep it short

Always ask an open-ended question

Different from surveys

Who gets paid?

Page 81: Open Plans User Testing Workshop

MOBILE FORMS ARE GETTING WAY BETTER!

Page 82: Open Plans User Testing Workshop

PANELS

Page 83: Open Plans User Testing Workshop
Page 84: Open Plans User Testing Workshop

“ What happens when you let go of a balloon?”

PRO TIP: HOW TO FIND ACTUAL SPEAKERS OF A LANGUAGE:

“ Qu'est-ce qui se passe quand vous lâchez un ballon? ”

Page 85: Open Plans User Testing Workshop

WHAT PARTICIPANTS WORRY ABOUT

Page 86: Open Plans User Testing Workshop

Who are you and who sent you?(can I trust you?)

Page 87: Open Plans User Testing Workshop

Will participating affect my actual outcome?

Page 88: Open Plans User Testing Workshop

Is this going to end up onYouTube?

Page 89: Open Plans User Testing Workshop

remoteresear.ch/samples“Online Consent”

Page 90: Open Plans User Testing Workshop

Paying Incentives

Collect minimal personal info

Deliver quickly

Appropriate for location

Page 91: Open Plans User Testing Workshop

Paying Incentives“Free cookies and lemonade for your city feedback”

Page 92: Open Plans User Testing Workshop
Page 93: Open Plans User Testing Workshop

EXERCISE

‣ Consider format (poster, landing page, online form)

‣ Cover the questions

draft a recruiting appeal

Page 94: Open Plans User Testing Workshop

‣ Why are you doing this work?

‣ What exactly are you asking? (How much time, where, when)

‣ Who do you need? (tasks or demographics)

‣ Who is asking?

‣ Who vouches for you? (official sponsor or trusted leader)

‣ Will there be a reward or incentive?

‣ Can this be confidential or anonymous?

Page 95: Open Plans User Testing Workshop

share out

Page 96: Open Plans User Testing Workshop

BREAK

Photo Credit: Mrs Magic

Page 97: Open Plans User Testing Workshop

User Testing & Research

Part 4: going beyond usability

Page 98: Open Plans User Testing Workshop

WHAT IF IT’S NOT USABILITY?

Page 99: Open Plans User Testing Workshop

EXPERIENCE SAMPLING

Page 100: Open Plans User Testing Workshop

EXPERIENCE SAMPLING

uximresearch.tumblr.com

Page 101: Open Plans User Testing Workshop

Cyd ’s Results

Page 102: Open Plans User Testing Workshop

Cyd ’s Results

Page 103: Open Plans User Testing Workshop

CONCEPT & NAVIGATION TESTING:EXERCISE

Page 104: Open Plans User Testing Workshop

UNMODERATED STUDIES

Page 105: Open Plans User Testing Workshop

3 parts

Provide test target

Record user behavior

Capture comments (optional)

Page 106: Open Plans User Testing Workshop

PrototypeUnmoderated

Testing

Page 107: Open Plans User Testing Workshop
Page 108: Open Plans User Testing Workshop

Mobile Diary Studies

iOS & Android

Page 109: Open Plans User Testing Workshop

Results

Page 110: Open Plans User Testing Workshop

Results

Page 111: Open Plans User Testing Workshop

Results

Page 112: Open Plans User Testing Workshop

CAPTURE WHAT HAPPENS.

Page 113: Open Plans User Testing Workshop

Surveysvia SMS

Page 114: Open Plans User Testing Workshop

About getting buy-in

A Few Words

Page 115: Open Plans User Testing Workshop

How “Testing” Is Perceived

Page 116: Open Plans User Testing Workshop

Numbers (& Numbers People) Are Your Friends

Photo Credit: Search Influence on Flickr

Page 117: Open Plans User Testing Workshop

Video Is Another Friend

Photo Credit: Search Influence on Flickr

Page 118: Open Plans User Testing Workshop

Try asking for

One Day$200

People To Watch

Photo Credit: Search Influence on Flickr

Page 119: Open Plans User Testing Workshop

“Fix the machine, not the person” -- Aaron Swartz, 9.25.12

Actual Advice

Page 120: Open Plans User Testing Workshop

There’s always a way

Page 121: Open Plans User Testing Workshop

Questions?

Page 123: Open Plans User Testing Workshop

Thanks for coming.

Go run some awesome research.Photo Credit: Wade Rockett on Flickr