qualitative data and ux design
TRANSCRIPT
![Page 1: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/1.jpg)
!"#$ $#%&!'( )*+ / %!(,! / -.$# //, /01/
Onlab Data Conference
Qualitative Data and UX Design
Chris Palmieri
![Page 2: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/2.jpg)
4kg38ºC30cm
120bpm10 years7 offspring
3.7kg28.8cm38.6ºC
130bpm11 years5 offspring
![Page 3: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/3.jpg)
![Page 4: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/4.jpg)
Illustration: Marie Coons, from The Noun Project
![Page 5: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/5.jpg)
1 2 3 4 5 6 7
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
1 2 3 4 5 6 7
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
![Page 6: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/6.jpg)
![Page 7: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/7.jpg)
π ?
![Page 8: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/8.jpg)
???
???
???
??
??
![Page 9: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/9.jpg)
A quick introduction
![Page 10: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/10.jpg)
AQ
企業・文化・コミュニティのために、新たな展開につながる創造的なコミュニケーション・ツールをつくるデザインの会社です
主なサービスウェブサイトやスマートフォン・アプリの企画制作グラフィック・デザインUXデザインのコンサルティング
@aq_jpwww.aqworks.com
![Page 11: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/11.jpg)
Tokyo Art Beat App 48,000 paid downloads
TokyoArtBeat.com 1000 galleries & museums
Tokyo Art Map 100,00 copies, 6 times a year
MuPon 18,000 downloads at ¥500-1000
![Page 12: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/12.jpg)
![Page 13: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/13.jpg)
![Page 14: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/14.jpg)
Definitions
![Page 15: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/15.jpg)
What is User Experience (UX)?
![Page 16: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/16.jpg)
UX is how someone feels when they use a product.
![Page 17: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/17.jpg)
UX is what they remember later, and how they describe it to others.
![Page 18: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/18.jpg)
UX is what a product means in their life.
![Page 19: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/19.jpg)
UX is more than how something looks,
(much more)
![Page 20: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/20.jpg)
UX
Context
Goals
Expectations
How it looks
How it works
WordsSpeed
Social relevance Feeling of SafetyContent
Loyalty
Word of Mouth
Conversion
Abandonment
Past Experience
Sense of Value
![Page 21: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/21.jpg)
UX Design
With who?
What do they want
to do?
What do they expect?
How should it look?
How should it work?
What language do
they use?
What qualities do they value?
What makes them
feel safe?
What do they want to know?
What do they know?
Where? When? Device
capabilities
![Page 22: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/22.jpg)
UX can’t be fully controlled, but is effected by every product decision you make.
![Page 23: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/23.jpg)
Qualitative and quantitative
![Page 24: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/24.jpg)
Quantitative data tells us
Who?How o!en?Is A working be"er than B (or C, D, etc.)
![Page 25: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/25.jpg)
Quantitative data measures
PurchasesRegistrationsViewsUser Paths
![Page 26: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/26.jpg)
![Page 27: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/27.jpg)
Numbers are powerful.
Comes from real use of working so!ware.Easy to communicate.
![Page 28: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/28.jpg)
Numbers only tell you so much.
![Page 29: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/29.jpg)
They’re hard to collect early on.
![Page 30: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/30.jpg)
User experience design can’t be decided by numbers alone.
![Page 31: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/31.jpg)
Qualitative captures the why.
![Page 32: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/32.jpg)
It’s easier than you think.
![Page 33: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/33.jpg)
A combination of qualitative and quantitative will give you the most complete picture of how people use your product.
![Page 34: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/34.jpg)
Gathering data
![Page 35: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/35.jpg)
Questionnaires
![Page 36: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/36.jpg)
Questionnaires can reveal answers that are hard to derive from data analytics.
![Page 37: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/37.jpg)
When
You want to know where users see value in your product.You’re looking for gaps between what users need and what you have.
![Page 38: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/38.jpg)
![Page 39: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/39.jpg)
![Page 40: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/40.jpg)
![Page 41: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/41.jpg)
走る目的は何ですか?
![Page 42: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/42.jpg)
0
75
150
225
300
other sport
get back in shape
charity
a tribute
love of running
companionship
looking better
* %23#
a distance
pushing my limits
sound mind, sound body
* '*4# & %23#
* '*4#
What is your motivation?
![Page 43: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/43.jpg)
Product focus
* %23#
* '*4# & %23#
* '*4#
![Page 44: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/44.jpg)
Card Sorting
![Page 45: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/45.jpg)
Card sorting helps you understand users’ mental model of your content.
![Page 46: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/46.jpg)
![Page 47: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/47.jpg)
Taste?
Original?Stock?
Real?
Cut?
![Page 48: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/48.jpg)
![Page 49: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/49.jpg)
![Page 50: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/50.jpg)
When
Before choosing categories, navigation systems, etc.When it’s not possible to extract categories from real world use.
![Page 51: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/51.jpg)
Usability Testing
![Page 52: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/52.jpg)
Usability testing offers a high-resolution image of how people are using your product.
![Page 53: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/53.jpg)
Test before and after.
![Page 54: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/54.jpg)
Prepare
RecruitIdentify a few big questions.Write a script.Choose an environment.
![Page 55: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/55.jpg)
Test
Explain the purpose.Set the context for each task.Ask them to think aloud.Ask questions.Take lots of notes!
![Page 56: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/56.jpg)
Discuss!
![Page 57: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/57.jpg)
“That’s not what I expected…” “Well, that’s
cool!”
×Illustration: P.J. Onori, from The Noun Project
×
![Page 58: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/58.jpg)
quick dirty often
controlled occasional>
![Page 59: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/59.jpg)
![Page 60: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/60.jpg)
![Page 61: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/61.jpg)
BuildProduct
Cycle
Learn
Measure
Recruit users
Write script
Schedule tests
Conduct testConsolidate results
Extract learnings
Spec build changes
Adjust hypotheses
Choose user tasks
Usability Testing in the Product Cycle
![Page 62: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/62.jpg)
Getting started
![Page 63: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/63.jpg)
Rapid UX Design Consulting for Apps & Web Services
![Page 64: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/64.jpg)
Alpha Launch×$! .5#
![Page 65: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/65.jpg)
Alpha PaperPrototype Beta
%#5%
'#625# 7,"!%7#525
%#5%
5"#4 $#8% +.2)9
%#5%
%&#*(
Launch
%#5%
![Page 66: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/66.jpg)
UX is everyone’s responsibility.
![Page 67: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/67.jpg)
UX Design is a profession, and a skill.
![Page 68: Qualitative Data and UX Design](https://reader034.vdocuments.net/reader034/viewer/2022042817/55a286c21a28abcc5f8b460d/html5/thumbnails/68.jpg)
[email protected]ご質問、フィードバックなどを気軽にどうぞ
@aq_jp フォローを宜しくお願いします。
h!p://aqworks.comケーススタディー、UX/UIデザインのエッセー等
ありがとうございました!Thank You!