Upload
atlassian
View
501
Download
0
Tags:
Embed Size (px)
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.
Citation preview
#atlassian
JAY ROGERS • DESIGNER • ATLASSIAN • @jbrogers
From Feedback to Feature
Questions?
Ask live: bit.ly/ask-atlassian !
Log in with the email you used to register
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
You’re talking to your customers.
• Online user groups and forums • StackOverflow & Quora • Support and feature requests • License databases • In-product feedback buttons
Problem. Solution.
“Let’s not talk about innovation. Let’s talk about fun.”
—Dan Szuc
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
KJ Sort
C R U N C H I N G
Affinity Diagram
C R U N C H I N G
A bunch of sticky notes
C R U N C H I N G
C R U N C H I N G
C R U N C H I N G
• 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
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
C R U N C H I N G
C R U N C H I N G
C R U N C H I N G
Ask why five times.
C R U N C H I N G
C R U N C H I N G
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
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
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
Concept Matrix
M A P P I N G
distilling a central idea
Teams
Agile
Design
Customers
Agile Interviews
Data
AnalysisInfo
Tools
M A P P I N G
Teams
Agile
Design
Customers
Interviews
Data
Analysis
Information Tools
M A P P I N G
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
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
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
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
Information tools to help your team analyze the data from your customer interviews
M A P P I N G
Journey Map
M A P P I N G
understand flow and process
M A P P I N G
Observation & Empathy
M A P P I N G
Entity Map
M A P P I N G
understand relationships
Relationship Diagram
M A P P I N G
Entity Relationship Modelling
M A P P I N G
M A P P I N G
INTERMISSION: Stick Figures
INTERMISSION: Stick Figures
thank @bencrothers on twitter
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
Explore. Communicate.
1 0 0 0
V I S U A L I Z I N G
V I S U A L I Z I N G
Eyes 500 Million Years
Words 100 Thousand Years
Key takeaways: #atlassian
GO BIG!V I S U A L I Z I N G
V I S U A L I Z I N G
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
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
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
Not what, but how
D E S I G N I N G
D E S I G N I N G
D E S I G N I N G
“Let’s not talk about innovation. Let’s talk about fun.”
—Dan Szuc
So:
D E S I G N I N G
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
Key takeaways: #atlassian
• Affinity Diagram/JK Sort• Concept Matrix• Journey Map
Thank you!
JAY ROGERS • DESIGNER • ATLASSIAN • @JBROGERS
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