Make Stuff People Can Use - Agile Alliance 2010

92
Make Stuff People Can Use Samantha Starmer Agile Alliance 2010 @samanthastarme

description

Workshop from Agile 2010 Conference. Introducing user interviews and prototype testing to non-UX experts.

Transcript of Make Stuff People Can Use - Agile Alliance 2010

Page 1: Make Stuff People Can Use - Agile Alliance 2010

Make Stuff People Can

Use

Samantha Starmer

Agile Alliance 2010

@samanthastarmer

Page 2: Make Stuff People Can Use - Agile Alliance 2010

me12+ years UX related work for places like Amazon, Microsoft – various agile experiencesTeach at University of WashingtonCurrently lead UX/IA/IxD teams at REIWe just started working agile

Page 3: Make Stuff People Can Use - Agile Alliance 2010

More importantly – our QA, PM & Dev Managers. They make the partnership work…

Page 4: Make Stuff People Can Use - Agile Alliance 2010

Interactive session – want to run away?

Why Agile UX is Meaningless without an Agile Attitude Why Agile UX is Meaningless without an Agile Attitude

http://www.flickr.com/photos/ppowers/343448083

Page 5: Make Stuff People Can Use - Agile Alliance 2010

Blow pops = fun

http://www.flickr.com/photos/iandeth/2458474034/

Page 6: Make Stuff People Can Use - Agile Alliance 2010

Let’s talk about Oklahomafor a minute

http://www.flickr.com/photos/auvet/824432212/

Page 7: Make Stuff People Can Use - Agile Alliance 2010

The farmer and the cowman should be friends

http://www.flickr.com/photos/jonmcgovern/4051771059

Page 8: Make Stuff People Can Use - Agile Alliance 2010

UX and Agile should be friends

http://www.flickr.com/photos/jonmcgovern/4051771059

Page 9: Make Stuff People Can Use - Agile Alliance 2010

“Agile development is an interesting approach from a UX perspective

for two reasons…it contrasts sharply with the way many –

perhaps most – ux designers work” http://www.uxmatters.com/mt/archives/2009/10/can-ux-be-agile.php

Page 10: Make Stuff People Can Use - Agile Alliance 2010

UX’ers are people too… As are designers,

researchers, etc. All have specific

backgrounds, tools, expertise

Each background and expertise adds value

Best situation is when we can all collaborate

Page 11: Make Stuff People Can Use - Agile Alliance 2010

Who works with a UX team/person?

http://www.flickr.com/photos/bpbp/3211400549

Who IS a UX person?

Page 12: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/evilpeacock/2194032579/

Ideal when we can all play our parts

Page 13: Make Stuff People Can Use - Agile Alliance 2010

I hope I don’t get in trouble with the UX police…

Page 14: Make Stuff People Can Use - Agile Alliance 2010

But if you don’t have UX experts available, you can still be an

active user advocate and use user centered design principles.

Page 15: Make Stuff People Can Use - Agile Alliance 2010

15

“There is a direct correlation between long term

profitability and enriching the customer experience.”

Robert Antall, CEO Lake West GroupQuote from Internet Retailer conference, June 10, 2008

http://www.flickr.com/photos/tracy_olson/61056391/sizes/m/in/photostream/

Page 16: Make Stuff People Can Use - Agile Alliance 2010

“In Agile development, the whole team must accept responsibility for the quality of the

user experience.”http://agile2010.agilealliance.org/ui.html

Page 17: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/mindaugasdanys/3766009204/

Otherwise, users will cry

Page 18: Make Stuff People Can Use - Agile Alliance 2010

Understanding users

Doesn’t always require heavy research Can gain value even without UX experts …but use them if you have them Can happen at all parts of a project and

within each sprint/iteration

Functional is now table stakes

Page 19: Make Stuff People Can Use - Agile Alliance 2010

Managing Expectations

Page 20: Make Stuff People Can Use - Agile Alliance 2010

Or not…

Page 21: Make Stuff People Can Use - Agile Alliance 2010

Shoot for ‘surprise and delight’

Page 22: Make Stuff People Can Use - Agile Alliance 2010
Page 23: Make Stuff People Can Use - Agile Alliance 2010

23

How can we understand users?

http://www.flickr.com/photos/carlcoxstudios/4335795974

Page 24: Make Stuff People Can Use - Agile Alliance 2010

Lots of methods

24

User Interviews

Search Logs

Help Usage

Feedback

Pathing Analysis

Surveys

Web AnalyticsFocus Groups

Focus Groups Contextual InterviewsCard Sorts

Structured Journaling

Follow Along

Prototype Tests

Some easier to integrate with Agile

Page 25: Make Stuff People Can Use - Agile Alliance 2010

25

User Interviews

Search Logs

Help Usage

Feedback

Pathing Analysis

Surveys

Web AnalyticsFocus Groups

Focus Groups Contextual InterviewsCard Sorts

Structured Journaling

Follow Along

Prototype Testing

Today we will discuss…

Page 26: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/dizzygirl/3865507559/

Quick and Dirty Introduction

Page 27: Make Stuff People Can Use - Agile Alliance 2010

User Interviews

Not a survey Not a usability test Often structured questions, but room for

conversation Best with actual target users, but can gain

some benefit with friends and family 5 minutes is better than nothing Can even do remotely

Page 28: Make Stuff People Can Use - Agile Alliance 2010

Resource Alert!

Nate Bolt & Tony Tulathimutte

Remote Research Book

(Follow @rosenfeldmedia for discounts and other

offerings)

Page 29: Make Stuff People Can Use - Agile Alliance 2010
Page 30: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/daviddmuir/2125697998/

Helpful to understand users’ goals

Page 31: Make Stuff People Can Use - Agile Alliance 2010

User Interviews

What is their desired end result? What problem are they trying to solve? What benefit are they trying to gain? What impediments stand in their way?

Time? Access? Technology confusion?

What do they expect out of the software/website/app?

Page 32: Make Stuff People Can Use - Agile Alliance 2010

http://en.wikipedia.org/wiki/File:PhrenologyPix.jpg

What are their mental models?

Page 33: Make Stuff People Can Use - Agile Alliance 2010

Mental Models

From cognitive science Users’ thought process of how something

works/how they expect it to work Helps us know why people do what they do Based on experiences, perceptions, etc. Can think about in aggregate, e.g. using

personas, archetypal users

Page 34: Make Stuff People Can Use - Agile Alliance 2010

“Eating out”

What do you picture?

Page 35: Make Stuff People Can Use - Agile Alliance 2010

Drive through?

Buffet example from http://www.boxesandarrows.com/view/whats_your_idea_of_a_mental_model_

http://www.flickr.com/photos/skidder/415221262

Page 36: Make Stuff People Can Use - Agile Alliance 2010

Take what you want?

http://www.flickr.com/photos/skidder/415221262

Page 37: Make Stuff People Can Use - Agile Alliance 2010

Order from a waiter?

http://www.flickr.com/photos/atsuke/4567514302

Page 38: Make Stuff People Can Use - Agile Alliance 2010

Resource Alert!

Indi YoungMental Model Book

"Lightening Quick" Mental Model Method http://www.rosenfeldmedia.com/books/mentalmodels/blog/the_lightening_quick_method

Page 39: Make Stuff People Can Use - Agile Alliance 2010

Now comes the fun part…

Page 40: Make Stuff People Can Use - Agile Alliance 2010

Raise your hand if you have kids or grandkids under the age of 12…

http://www.flickr.com/photos/kymberlyanne/2687290741/

Page 41: Make Stuff People Can Use - Agile Alliance 2010

For our volunteers who are now Users…

Page 42: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/lifeasart/252202212

Musical ChairsAt least one ‘user’ per table

Page 43: Make Stuff People Can Use - Agile Alliance 2010

We’re going to the Magic Kingdom!

http://www.flickr.com/photos/paulbeattie/4672692465/

Page 44: Make Stuff People Can Use - Agile Alliance 2010

http://disneyparks.disney.go.com/blog/2009/11/mobile-magic-%E2%80%93-first-disney-parks-mobile-app-now-available

The task – design a Magic Kingdom App

Page 45: Make Stuff People Can Use - Agile Alliance 2010

Start with User

Interviews

Page 46: Make Stuff People Can Use - Agile Alliance 2010

Some Tips

http://www.flickr.com/photos/danelu/3281839742/

Page 47: Make Stuff People Can Use - Agile Alliance 2010

Recording is helpful Notes are better than nothing

http://www.flickr.com/photos/maistora/4338941962

Page 48: Make Stuff People Can Use - Agile Alliance 2010

Use Active Listening e.g. “Tell me more about that…”

Page 49: Make Stuff People Can Use - Agile Alliance 2010

Avoid leading questions e.g. Would you use GPS to find restaurants?

http://www.flickr.com/photos/photosdetibo/3007056175/

Page 50: Make Stuff People Can Use - Agile Alliance 2010

Don’t judge e.g. You wouldn’t go on Pirates of

the Caribbean?!

http://www.flickr.com/photos/18796746@N05/4272817915/

Page 51: Make Stuff People Can Use - Agile Alliance 2010

Some possible questions… How would you normally prepare for this

type of family activity? What do you want to get out of your Magic

Kingdom experience? What types of activities will your kids want

to do? What would keep you and your family from

having a good time?

http://www.flickr.com/photos/paulbeattie/4672692465/

Page 52: Make Stuff People Can Use - Agile Alliance 2010

5 minutes!

http://www.flickr.com/photos/wwarby/3296379139

Page 53: Make Stuff People Can Use - Agile Alliance 2010

Some possible questions… How would you normally prepare for this

type of family activity? What do you want to get out of your Magic

Kingdom experience? What types of activities will your kids want

to do? What would keep you and your family from

having a good time?

http://www.flickr.com/photos/paulbeattie/4672692465/

Page 54: Make Stuff People Can Use - Agile Alliance 2010

How was it?What worked?What didn’t work?What are your users’ needs?

Page 55: Make Stuff People Can Use - Agile Alliance 2010

Your users’ needs?

1. Need2. Need3. Need4. Need5. Need

http://www.flickr.com/photos/paulbeattie/4672692465/

Page 56: Make Stuff People Can Use - Agile Alliance 2010

Next up – create

Prototypes

Page 57: Make Stuff People Can Use - Agile Alliance 2010

IMT 589D: IA Summer Institute 57

Prototypes Visual representation or model of site/product Can begin in parallel with user stories Assists with early identification of issues Various fidelities – ‘just good enough’ Good for testing mental models, usability Try rapid iterations with users via RITE - Rapid Iterative

Testing and Evaluation Can iterate in chunks according to backlog Can test existing product for baseline

Page 58: Make Stuff People Can Use - Agile Alliance 2010

IMT 589D: IA Summer Institute 58

http://www.alistapart.com/articles/paperprototyping

Paper Prototyping

Page 59: Make Stuff People Can Use - Agile Alliance 2010

Rodolphe Courtier http://www.flickr.com/photos/rcourtie/3500123702/

For mobile (and software) too!

Page 60: Make Stuff People Can Use - Agile Alliance 2010

ericadotnet: http://www.flickr.com/photos/arrrika/2298422351/sizes/m/in/photostream/

Don’t have to be an artist…

Page 61: Make Stuff People Can Use - Agile Alliance 2010

Can be digital – best for designs with heavy

interaction

(we used Axure)

Page 62: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/33346716@N03/3131446999/

Find some users!

Page 63: Make Stuff People Can Use - Agile Alliance 2010

Resource Alert!

Todd Zaki WarfelPrototyping Book

(see Todd’s session tomorrow at 9am)

Many other resources, e.g.http://muiomuio.com/web-design/web-prototyping-sketching http://www.alistapart.com/articles/paperprototyping

Page 64: Make Stuff People Can Use - Agile Alliance 2010

Resource Alert!

Jeff Pattonhttp://www.agileproductdesign.com

Anyone at Jeff’s session yesterday?

http://agileproductdesign.com/blog/emerging_best_agile_ux_practice.html

“[Prototype] only needs to be good enough to understand, to learn, to communicate quickly with our co-workers, then it can be

thrown away.”

Page 65: Make Stuff People Can Use - Agile Alliance 2010

More fun…(here’s the time to

unwrap your blowpop)

Page 66: Make Stuff People Can Use - Agile Alliance 2010

Remember your users’ needs?1. Need2. Need3. Need 4. Need 5. Need

http://www.flickr.com/photos/paulbeattie/4672692465/

Page 67: Make Stuff People Can Use - Agile Alliance 2010

Start sketching

Page 68: Make Stuff People Can Use - Agile Alliance 2010

A few screens

Page 69: Make Stuff People Can Use - Agile Alliance 2010

Work together

http://www.flickr.com/photos/wwworks/1384952210/

Page 70: Make Stuff People Can Use - Agile Alliance 2010

Think about FLOW

http://www.flickr.com/photos/duxcarvajal/3739301954

Page 71: Make Stuff People Can Use - Agile Alliance 2010

Okay to make it ‘super sized’

http://www.flickr.com/photos/arimoore/11228118

Page 72: Make Stuff People Can Use - Agile Alliance 2010

No right (or wrong) answers

Page 73: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/lifeasart/252202212

Musical Chairs again Users switch tables

Page 74: Make Stuff People Can Use - Agile Alliance 2010

Have fun!

Page 75: Make Stuff People Can Use - Agile Alliance 2010

15 minutes!

http://www.flickr.com/photos/wwarby/3296379139

Page 76: Make Stuff People Can Use - Agile Alliance 2010

Paul Downey: http://www.flickr.com/photos/psd/2247745929/

Evaluate

Page 77: Make Stuff People Can Use - Agile Alliance 2010

Remember your users’ needs?1. Need2. Need3. Need 4. Need 5. Need

http://www.flickr.com/photos/paulbeattie/4672692465/

Page 78: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/sugarpond/3016905349

Needs become a (small) story – a task you ask the

user to do

Page 79: Make Stuff People Can Use - Agile Alliance 2010

Create your 5 tasksOrganize your screensabout 5 min

http://www.flickr.com/photos/wwarby/3296379139

Page 80: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/lifeasart/252202212

Musical Chairs again Users return to interview table

Page 81: Make Stuff People Can Use - Agile Alliance 2010

Evaluate the Prototype

Check in with the users Ask them to do a task (based on previously

established user goals/needs) Good way to test your user stories Best if participants ‘think aloud’ Be quiet!! Have a note taker or video tape Can also do remotely Can change on the fly and try again!

Page 82: Make Stuff People Can Use - Agile Alliance 2010

5 minutes!

http://www.flickr.com/photos/wwarby/3296379139

Page 83: Make Stuff People Can Use - Agile Alliance 2010

How was it?What worked?What didn’t work?Any challenged assumptions?

Page 84: Make Stuff People Can Use - Agile Alliance 2010

Iterate

Page 85: Make Stuff People Can Use - Agile Alliance 2010

10 minutes!

http://www.flickr.com/photos/wwarby/3296379139

Page 86: Make Stuff People Can Use - Agile Alliance 2010

http://www.flickr.com/photos/lifeasart/252202212

Musical Chairs once moreUsers to a new table

Page 87: Make Stuff People Can Use - Agile Alliance 2010

Paul Downey: http://www.flickr.com/photos/psd/2247745929/

Evaluate again

Page 88: Make Stuff People Can Use - Agile Alliance 2010

How was it?What worked?What didn’t work?What was new?

Page 89: Make Stuff People Can Use - Agile Alliance 2010

When to stop iterating?

http://www.flickr.com/photos/topher76/255435020

Page 90: Make Stuff People Can Use - Agile Alliance 2010

IMT 589D: IA Summer Institute 90

Summary Work with UX when possible/available Learn about your users through user interviews Start with their general needs and goals Try RITE testing with prototypes – various

fidelity If you have existing product, try mini usability

tests to get a baseline Iterate as your sprint allows and/or until most

of the kinks are worked out Add other tricky bits to backlog Keep talking to users!

Page 91: Make Stuff People Can Use - Agile Alliance 2010

Resource Alert!

Anders RamsayBook coming

2011 via rosenfeldmedia.com

Why Agile UX is Meaningless without an Agile Attitudehttp://www.andersramsay.com

Page 92: Make Stuff People Can Use - Agile Alliance 2010

Questions??

http://www.flickr.com/photos/druclimb/3277540656/