From Feedback to Feature - Jay Rogers

89
#atlassian

description

Want to learn how to bring in research methods, customer insight, and analysis when designing new features or product UI? In this talk, we will show you how to pull insight from customer interviews, distill that into actionable infographics, and create guiding principles that drive your design.

Transcript of From Feedback to Feature - Jay Rogers

Page 1: From Feedback to Feature - Jay Rogers

#atlassian

Page 2: From Feedback to Feature - Jay Rogers

JAY ROGERS • DESIGNER • ATLASSIAN • @jbrogers

From Feedback to Feature

Page 3: From Feedback to Feature - Jay Rogers

Hi, we have 20 minutes!

[email protected]@jbrogers

Page 4: From Feedback to Feature - Jay Rogers

Questions?

Ask live: bit.ly/ask-atlassian !

Log in with the email you used to register

Page 5: From Feedback to Feature - Jay Rogers

M A P P I N G

C R U N C H I N G

V I S U A L I Z I N G

D E S I G N I N G

Page 6: From Feedback to Feature - Jay Rogers

You’re talking to your customers.

Page 7: From Feedback to Feature - Jay Rogers

• Online user groups and forums • StackOverflow & Quora • Support and feature requests • License databases • In-product feedback buttons

Page 8: From Feedback to Feature - Jay Rogers
Page 9: From Feedback to Feature - Jay Rogers
Page 10: From Feedback to Feature - Jay Rogers
Page 11: From Feedback to Feature - Jay Rogers
Page 12: From Feedback to Feature - Jay Rogers
Page 13: From Feedback to Feature - Jay Rogers
Page 14: From Feedback to Feature - Jay Rogers

Problem. Solution.

Page 15: From Feedback to Feature - Jay Rogers

“Let’s not talk about innovation. Let’s talk about fun.”

—Dan Szuc

Page 16: From Feedback to Feature - Jay Rogers

M A P P I N G

C R U N C H I N G

V I S U A L I Z I N G

D E S I G N I N G

Page 17: From Feedback to Feature - Jay Rogers

KJ Sort

C R U N C H I N G

Page 18: From Feedback to Feature - Jay Rogers

Affinity Diagram

C R U N C H I N G

Page 19: From Feedback to Feature - Jay Rogers

A bunch of sticky notes

C R U N C H I N G

Page 20: From Feedback to Feature - Jay Rogers

C R U N C H I N G

Page 21: From Feedback to Feature - Jay Rogers

C R U N C H I N G

Page 22: From Feedback to Feature - Jay Rogers

• patterns - where is the same thing happening?

• what are the questions they are asking? • relationships between things and people • topic areas, similar problems • where are goals similar

C R U N C H I N G

Page 23: From Feedback to Feature - Jay Rogers

U P D AT I N G C O N T E N TC L I E N T L O G I N S

U P G R A D E S

C R U N C H I N G

Page 24: From Feedback to Feature - Jay Rogers

C R U N C H I N G

Page 25: From Feedback to Feature - Jay Rogers

C R U N C H I N G

Page 26: From Feedback to Feature - Jay Rogers

C R U N C H I N G

Page 27: From Feedback to Feature - Jay Rogers

Ask why five times.

C R U N C H I N G

Page 28: From Feedback to Feature - Jay Rogers

C R U N C H I N G

Page 29: From Feedback to Feature - Jay Rogers

Panorama mode works great on whiteboards!

P U B L I C S E RV I C E A N N O U N C E M E N T

Page 30: From Feedback to Feature - Jay Rogers

M A P P I N G

C R U N C H I N G

V I S U A L I Z I N G

D E S I G N I N G

Page 31: From Feedback to Feature - Jay Rogers

M A P P I N G

C R U N C H I N G

V I S U A L I Z I N G

D E S I G N I N G

E N T I T Y M A P

J O U R N E Y M A P

C O N C E P T M AT R I X

Page 32: From Feedback to Feature - Jay Rogers

Concept Matrix

M A P P I N G

distilling a central idea

Page 33: From Feedback to Feature - Jay Rogers

Teams

Agile

Design

Customers

Agile Interviews

Data

AnalysisInfo

Tools

M A P P I N G

Page 34: From Feedback to Feature - Jay Rogers

Teams

Agile

Design

Customers

Interviews

Data

Analysis

Information Tools

M A P P I N G

Page 35: From Feedback to Feature - Jay Rogers

Teams

Agile

Design

Customers

Interviews

Data

Analysis

Information Tools Te

ams

Agi

le

Des

ign

Cus

tom

ers

Inte

rvie

ws

Dat

a

Ana

lysi

s

Info

rmat

ion

Tool

s

M A P P I N G

Page 36: From Feedback to Feature - Jay Rogers

Teams

Agile

Design

Customers

Interviews

Data

Analysis

Information Tools Te

ams

Agi

le

Des

ign

Cus

tom

ers

Inte

rvie

ws

Dat

a

Ana

lysi

s

Info

rmat

ion

Tool

s

M A P P I N G

Page 37: From Feedback to Feature - Jay Rogers

Teams

Agile

Design

Customers

Interviews

Data

Analysis

Information Tools Te

ams

Agi

le

Des

ign

Cus

tom

ers

Inte

rvie

ws

Dat

a

Ana

lysi

s

Info

rmat

ion

Tool

s

M A P P I N G

Page 38: From Feedback to Feature - Jay Rogers

Teams

Agile

Design

Customers

Interviews

Data

Analysis

Information Tools Te

ams

Agi

le

Des

ign

Cus

tom

ers

Inte

rvie

ws

Dat

a

Ana

lysi

s

Info

rmat

ion

Tool

s

7

4

4

6

6

6

7

8

M A P P I N G

Page 39: From Feedback to Feature - Jay Rogers

Information tools to help your team analyze the data from your customer interviews

M A P P I N G

Page 40: From Feedback to Feature - Jay Rogers

Journey Map

M A P P I N G

understand flow and process

Page 41: From Feedback to Feature - Jay Rogers

M A P P I N G

Observation & Empathy

Page 42: From Feedback to Feature - Jay Rogers

M A P P I N G

Page 43: From Feedback to Feature - Jay Rogers
Page 44: From Feedback to Feature - Jay Rogers
Page 45: From Feedback to Feature - Jay Rogers
Page 46: From Feedback to Feature - Jay Rogers
Page 47: From Feedback to Feature - Jay Rogers
Page 48: From Feedback to Feature - Jay Rogers
Page 49: From Feedback to Feature - Jay Rogers

Entity Map

M A P P I N G

understand relationships

Page 50: From Feedback to Feature - Jay Rogers

Relationship Diagram

M A P P I N G

Page 51: From Feedback to Feature - Jay Rogers

Entity Relationship Modelling

M A P P I N G

Page 52: From Feedback to Feature - Jay Rogers

M A P P I N G

Page 53: From Feedback to Feature - Jay Rogers
Page 54: From Feedback to Feature - Jay Rogers
Page 55: From Feedback to Feature - Jay Rogers
Page 56: From Feedback to Feature - Jay Rogers

INTERMISSION: Stick Figures

Page 57: From Feedback to Feature - Jay Rogers

INTERMISSION: Stick Figures

Page 58: From Feedback to Feature - Jay Rogers
Page 59: From Feedback to Feature - Jay Rogers
Page 60: From Feedback to Feature - Jay Rogers
Page 61: From Feedback to Feature - Jay Rogers
Page 62: From Feedback to Feature - Jay Rogers
Page 63: From Feedback to Feature - Jay Rogers
Page 64: From Feedback to Feature - Jay Rogers
Page 65: From Feedback to Feature - Jay Rogers
Page 66: From Feedback to Feature - Jay Rogers

thank @bencrothers on twitter

Page 67: From Feedback to Feature - Jay Rogers

M A P P I N G

C R U N C H I N G

V I S U A L I Z I N G

D E S I G N I N G

Page 68: From Feedback to Feature - Jay Rogers

Explore. Communicate.

Page 69: From Feedback to Feature - Jay Rogers

1 0 0 0

V I S U A L I Z I N G

Page 70: From Feedback to Feature - Jay Rogers

V I S U A L I Z I N G

Eyes 500 Million Years

Words 100 Thousand Years

Page 71: From Feedback to Feature - Jay Rogers

Key takeaways: #atlassian

Page 72: From Feedback to Feature - Jay Rogers

GO BIG!V I S U A L I Z I N G

Page 73: From Feedback to Feature - Jay Rogers

V I S U A L I Z I N G

Page 74: From Feedback to Feature - Jay Rogers

Actors Actions Objects/Artifacts Contexts

Who? (portrait) How much? (chart) Where? (map) When? (timeline) How? (flowchart) Why? (plot)

Jay Dan Roam

V I S U A L I Z I N G

Page 75: From Feedback to Feature - Jay Rogers
Page 76: From Feedback to Feature - Jay Rogers
Page 77: From Feedback to Feature - Jay Rogers
Page 78: From Feedback to Feature - Jay Rogers

M A P P I N G

C R U N C H I N G

V I S U A L I Z I N G

D E S I G N I N G

Page 79: From Feedback to Feature - Jay Rogers

D E S I G N I N G

C R U N C H I N G M A P P I N G V I S U A L I Z I N G

Page 80: From Feedback to Feature - Jay Rogers

Not what, but how

D E S I G N I N G

Page 81: From Feedback to Feature - Jay Rogers

D E S I G N I N G

Page 82: From Feedback to Feature - Jay Rogers
Page 83: From Feedback to Feature - Jay Rogers

D E S I G N I N G

Page 84: From Feedback to Feature - Jay Rogers

“Let’s not talk about innovation. Let’s talk about fun.”

—Dan Szuc

Page 85: From Feedback to Feature - Jay Rogers

So:

D E S I G N I N G

Page 86: From Feedback to Feature - Jay Rogers

Key takeaways: #atlassian

• Talk (listen) to your customers• Explore what they’re telling you

• in fun ways!• do it as a team

• Reframe, reframe, reframe• Visualise• Build mantras

Page 87: From Feedback to Feature - Jay Rogers

Key takeaways: #atlassian

• Affinity Diagram/JK Sort• Concept Matrix• Journey Map

Page 88: From Feedback to Feature - Jay Rogers

Thank you!

JAY ROGERS • DESIGNER • ATLASSIAN • @JBROGERS

Page 89: From Feedback to Feature - Jay Rogers

Flickr Infographic: Bryce Glass aka @soldieranthttps://www.flickr.com/photos/bryce/58299511/ !Food Interaction Concept Map: Jonathan Lewis & Cheyenne Weaverhttp://jonlewis.me/food-research/ !Baseball Deconstructed: Stefanie Danhope-Smith http://www.coroflot.com/iamstefanie/baseball-deconstructed !Service Desk Design Wall: Shirley Zhuo used with permission !Photography: Aundray Cheam, Tash Keuneman !Some of the tools mentioned in this presentation were learned at Jon Kolko’s “Methods of Design Synthesis” workshop at Interaction 2012 in Dublin. !

References #atlassian