Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
エンジニアがUXリサーチャーを兼任するに至ったワケ #uxmilk_fest / 20190914
Search
minamitary
September 14, 2019
Design
7
11k
エンジニアがUXリサーチャーを兼任するに至ったワケ #uxmilk_fest / 20190914
UX MILK Fest 2019
https://uxmilkfest2019.studio.design/
ミニキーノートで使用した発表資料です。
minamitary
September 14, 2019
Tweet
Share
More Decks by minamitary
See All by minamitary
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
2.9k
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
300
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
1.2k
まわるUXリサーチ、たまるユーザーインサイト #uxmilkallnight / 20200912
minamitary
2
430
もし仮に、定性・定量リサーチを全開発者が自ら実施できるようになったとしたら #InsightTokyo / 20200325
minamitary
7
2.8k
ピクシブ流データ活用基盤のこれまでとこれから #pixivTECHSALON / 20190305
minamitary
1
4k
Other Decks in Design
See All in Design
佐藤千晶|ポートフォリオ
chimi_chia
0
120
AIで加速するアクセシビリティのこれから
magi1125
4
670
The Spectacular Lies of Maps
axbom
PRO
1
270
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
550
Yumika Yamada Portfolio
yumii
0
1.4k
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
480
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
800
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
120
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
160
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
200
decksh object reference
ajstarks
2
1.3k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
Featured
See All Featured
Code Review Best Practice
trishagee
70
19k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
We Have a Design System, Now What?
morganepeng
53
7.8k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Building an army of robots
kneath
306
46k
Statistics for Hackers
jakevdp
799
220k
Bash Introduction
62gerente
615
210k
RailsConf 2023
tenderlove
30
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Transcript
ΤϯδχΞ͕UXϦαʔνϟʔΛ ݉͢Δʹࢸͬͨϫέ UX MILK Fest 2019 pixiv Inc.
Yosuke Morita
2015ϐΫγϒೖࣾ pixivӡӦຊ෦ + σʔλۦಈਪਐࣨ ΤϯδχΞ + UXϦαʔνϟʔ ྖҬԣஅతͳಈ͖ํΛ͢Δ͜ͱ͕ଟ͍ @minamitary
/ ా༸հ
ϐΫγϒגࣜձࣾ ࡞׆ಈ͕ͬͱָ͘͠ͳΔ ॴΛΔ ϐΫγϒͰ͜ͷཧ೦ͷͱɺ pixivΛ͡Ίͱ͢ΔΫϦΤΠλʔΛαϙʔτ͢ΔͨΊͷαʔϏεΛɺ ଟల։͍ͯ͠·͢ɻ
ొஃऀͷ͓ࣄ༰ • ʮpixivʯͷϢʔβʔΛରͱͨ͠UXϦαʔν • ͦͷखஈͱͯ͠ͷσʔλ׆༻ج൫ͷվળ • ͦΕΒʹ·ͭΘΔશࣾతͳαϙʔτۀ
https://speakerdeck.com/minamitary/20190305
ϐΫγϒʹ͓͚ΔUXϦαʔν •σʔλυϦϒϯͳҙࢥܾఆ͕ϝδϟʔ •ԾઆݕূαΠΫϧΛߴͰ܁Γฦ͢ •·ͣ࡞ͬͯఏڙˠޮՌଌఆΛ௨ͯ͡ݟΛಘΔ •ʮఆྔϦαʔνʯͷఆٛ͜ͷ͋ͨΓ
ϐΫγϒʹ͓͚ΔUXϦαʔν •ఆੑϦαʔνཁॴͰɺPdMσβΠφʔ͕ϓϩμΫτϨϕϧͷҙࢥܾఆΛ Լ͢ࡍʹ࣮ࢪ͢Δ͜ͱ͕ଟ͍ •։ൃऀ͕ࣗϢʔβʔͰ͋Δ͜ͱଟ͘ɺࣾϦαʔν͕׆ൃ
1. ࠓʹࢸΔ·Ͱͷࢼߦࡨޡ 2. ఆྔɾఆੑϦαʔνͷϚογϡΞοϓͷεεϝ
1. ࠓʹࢸΔ·Ͱͷࢼߦࡨޡ 2. ఆྔɾఆੑϦαʔνͷϚογϡΞοϓͷεεϝ
WebΤϯδχΞظ ͳΜͰظ UXϦαʔνϟʔظ ࠓʹࢸΔ·ͰͷܦҢ
WebΤϯδχΞظ(~ 2016) डୗ։ൃͷձࣾΛܦͯWebΤϯδχΞͱͯ͠ϐΫγϒೖࣾ ೖࣾޙɺ৽نαʔϏεͷϝΠϯ։ൃऀͱͯ͠ΞαΠϯ શ৬छؚΊ4~5ਓͱ͍͏গਓͰͷ։ൃͩͬͨͨΊɺ ϦϦʔεޙΞΫηεղੳΛ݉͢Δ͜ͱʹ
ͳΜͰظᶃ(2016) pixivΛ։ൃ͢Δ෦ॺʹҟಈ ΤϯδχΞͱͯ͠A/Bςετͷج൫Λ͑ͭͭɺ ԾઆݕূΞϓϩʔνͰͻͨ͢ΒUIվળ ޮՌଌఆͱͦΕʹجͮ͘։ൃσΟϨΫγϣϯ͕ϝΠϯۀ
ͳΜͰظᶄ(2017 ~ 2018) ߘମݧվળϓϩδΣΫτΛ୲͢Δ͜ͱʹ ఆྔΞϓϩʔνͷݶքʹ໘͠ɺ ϢʔβʔΠϯλϏϡʔͷఆੑϦαʔνʹணख ಉ࣌ʹσʔλ׆༻ج൫ͷվળ୲ ࣗݾհͷࡍʹʮ৭ʑͬͯ·͢ʯҎ֎ͷઆ໌͕ࠔʹ…
UXϦαʔνϟʔظ(2019 ~) ༷ʑͳखஈͷཪʹɺ ʮUXϦαʔνʯͱ͍͏ڞ௨ͷత͕͋Δ͜ͱʹؾͮ͘ ࣾௐͷ্ɺࣾͰҰਓͷʮUXϦαʔνϟʔʯΛ໊Δ͜ͱʹ ʮϢʔβʔʹؔ͢ΔinputʯΛ͘୲͍ͯ͠Δ
ʮϢʔβʔʹؔ͢Δinputʯ
1. ࠓʹࢸΔ·Ͱͷࢼߦࡨޡ 2. ఆྔɾఆੑϦαʔνͷϚογϡΞοϓͷεεϝ
ͳͥϚογϡΞοϓʁ ఆੑͱఆྔɺͦΕͧΕʹ͖ෆ͖͕͋Δ తϕʔεͰΞϓϩʔνΛબఆ͢Δࡍɺ ຊ࣭Λಥ͖٧ΊΕಥ͖٧ΊΔ΄ͲͦΕͧΕͷนʹͿ͔ͭΓ͘͢ͳΔ ʮ͍͚ΔʯͰͳ͘ʮࠜຊతʹಉ͡ͷʯͩͱߟ͑Δ
ʮϩάͷนʯͱہॴ࠷దԽͷ᠘ ͲΕ͚ͩσʔλΛௐͯϩάʹ͍ͬͯͳ͍͜ͱ͔Βͳ͍ ϢʔβʔՁͷຊ࣭େʮϩάͷนʯͷ͜͏ʹ͋Δ • αʔϏε֎ɾσόΠε֎ͷߦಈɺϞνϕʔγϣϯɺաڈͷܦݧ • ྫɿʮͳͥߘ͢Δͷ͔ʁʯͰͳ͘ʮͳͥ͜ͷ࡞Λ࡞͔ͬͨʁʯ
ʮϩάͷนʯͱہॴ࠷దԽͷ᠘ ୯ҰͷKPIΛਾ͑ͯվળΛॏͶ͍ͯ͘߹ɺ खஈʹ੍ݶ͕ͳ͚Εہॴ࠷దԽ͕ਐΈ͔Ͷͳ͍ ఆੑతΞϓϩʔνΛซ༻͢Δ͜ͱͰ ʮϩάͷนʯͷ͜͏ʹ͋ΔϢʔβʔՁΛ௫Έɺ ຊ࣭తͳվળΛॏͶ͍ͯ͘͜ͱ͕Մೳʹʂ
ఆੑϦαʔνͷऑ ҙࢥܾఆऀʮͰͦΕͬͯҰਓͷϢʔβʔ͕ݴͬͯΔ͚ͩͰ͠ΐʁʯ Ϧαʔνʹ͔͔Δίετ͕ਹΈ͕ͪ ఆྔతΞϓϩʔνΛซ༻͢Δ͜ͱͰɺ ίετΛݮͭͭ͠ΑΓ͍ʹର͢Δઆಘ͕Մೳʹʂ
ϓϥΫςΟε
1. ࢦඪͷཱͯํ ࢦඪղՄೳ ૯ΞΫγϣϯ × ΞΫγϣϯΛߦͳͬͨϢʔβʔ 1Ϣʔβʔ͋ͨΓͷΞΫγϣϯ
1. ࢦඪͷཱͯํ ʮΞΫγϣϯΛߦͳͬͨϢʔβʔʯΛࢦඪʹஔ͘ Ϣʔβʔ୯ҐͰ͑Δ͜ͱͰɺఆੑతཧղΛϕʔεͱͨ͠ఆྔతஅ͕Մೳʹ ʮ˓˓ͳϢʔβʔΛ૿͢ʯͱ͍͏Α͏ʹɺ Ϣʔβʔத৺ʹࢪࡦΛӡ༻͍͖ͯ͘͢͠ͳΔ
2. User Ladder
3. Ϣʔβʔϖϧιφ࡞Γ ΫϦΤΠλʔʹର͠ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ →ɹ݁Ռ͕ଟ༷Ͱɺྨ͖͠Εͣஅ೦ →ɹΞϯέʔτϕʔεͰྨ࣠ΛఆྔσʔλԽ ྨ࣠ྫɿʮ࡞׆ಈͷతʯʮকདྷͲͷΑ͏ʹͳΓ͍͔ͨʯ
3. Ϣʔβʔϖϧιφ࡞Γ Ξϯέʔτೋ࣮ࢪ 1. ࣗ༝ೖྗΦϯϦʔͰΞϯέʔτΛ࣮ࢪ 2. ਓྗͰάϧʔϐϯάɾબࢶԽͯ͠ΞϯέʔτΛ࠶࣮ࢪ ݁ՌΛػցతʹྨ͠ɺΫϥελ͝ͱͷಛΛൺֱ͢Δ͜ͱͰ ࣗಈతʹϖϧιφΛཱͯΔ͜ͱʹޭ
ʮϢʔβʔʹؔ͢Δinputʯ ΛͳͥٻΊΔ͔ʁ
நԽͯ͠ߟ͑Δͱ…… • ͦͦͷϞνϕʔγϣϯɿ ʮϢʔβʔʹର͢Δղ૾ΛߴΊΔʯ • ݁Ռͱͯ͠ಘΒΕΔͷɿ ʮࢪࡦͷਫ਼্ʯ ʮΑΓૉૣ͘ΑΓߴ͍ՁΛϢʔβʔʹఏڙʯ
input / output αΠΫϧ input outputʹجͮ͘ ޮՌଌఆ + ՃͷϦαʔν
output UIมߋ ػೳϦϦʔε A/B ςετ ਫ਼ΛߴΊΔ ݁ՌΛಘΔ
inputͷ2ϑΣʔζ 1. ʮજΔʯɿݟΛಘΔɾࣗͷதͰͷղ૾ΛߴΊΔ 2. ʮු্͢ΔʯɿಘΒΕͨใΛଞऀʹୡՄೳͳܗʹม͢Δ • ਂ͘જΔͨΊʹ҉ʹΓࠐΉඞཁ͕͋Δ • ු্͢ΔͨΊʹ٬؍తͳใ͕ඞཁͱͳΔ
ఆੑతΞϓϩʔνɿਂ͘જΔࡍʹʹཱͭ ఆྔతΞϓϩʔνɿු্͢Δࡍʹʹཱͭ
นΛऔΓ͏ͨΊʹ ͋ͷख͜ͷखͰϋʔυϧΛԼ͛Δඞཁ͕͋Δ • ఆྔతΞϓϩʔνʮσʔλͷຽओԽʯ • ఆੑతΞϓϩʔνʮʁʁʁʯ
นΛऔΓ͏ͨΊʹ ҰਓͰΔʹͲ͏ͯ͠ݶք͕͋Δ ͦΕͰνʔϜձࣾͱ͍͏୯ҐͰ ʮϢʔβʔʹؔ͢Δinputʯͱ͍͏ ͻͱͭͷྖҬΛ։ൃͷͳ͔ͰͲ͏ѻ͍͔ͬͯ͘ʁ ͱ͍͏ࢹͰߟ͍͖͑ͯ͘
σΟεΧογϣϯ͍ͨ͠ʂ • Ϣʔβʔʹؔ͢ΔinputΛͲͷΑ͏ʹѻ͍ͬͯΔ͔ʁ • ఆੑϦαʔνͱఆྔϦαʔνΛͲͷΑ͏ʹ͍͚͍ͯΔ͔ʁ • ৫ମ੍৬छͷ͚۠ɾਓن ʮνͰ͜͏ͬͯΔΑʯΈ͍ͨͳࣄྫ͕͋Εͥͻʂ