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
310
デザインを誘発する「イネーブルメント」アプローチ #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
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.8k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
160
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
430
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.5k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
860
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
What makes a great Director?
_limex_
0
290
minpaku-community-scrum-patterns
norinity1103
1
450
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
150
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
310
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.2k
Featured
See All Featured
Done Done
chrislema
185
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
We Have a Design System, Now What?
morganepeng
53
7.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
A Tale of Four Properties
chriscoyier
160
23k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Side Projects
sachag
455
43k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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ΛͲͷΑ͏ʹѻ͍ͬͯΔ͔ʁ • ఆੑϦαʔνͱఆྔϦαʔνΛͲͷΑ͏ʹ͍͚͍ͯΔ͔ʁ • ৫ମ੍৬छͷ͚۠ɾਓن ʮνͰ͜͏ͬͯΔΑʯΈ͍ͨͳࣄྫ͕͋Εͥͻʂ