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.2k
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
260
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
1k
まわるUXリサーチ、たまるユーザーインサイト #uxmilkallnight / 20200912
minamitary
2
400
もし仮に、定性・定量リサーチを全開発者が自ら実施できるようになったとしたら #InsightTokyo / 20200325
minamitary
7
2.7k
ピクシブ流データ活用基盤のこれまでとこれから #pixivTECHSALON / 20190305
minamitary
1
3.8k
Other Decks in Design
See All in Design
Les petites aventures de CSS, saison 2025
goetter
3
4k
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
130
NAHO SHIMONO_Portfolio2025
nahohphp
0
200
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
300
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
970
セブンデックス カルチャーブック
sevendex
0
3.7k
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
390
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
530
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
120
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
900
Dive Deep into Communication
yomtsu
0
220
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
250
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
A Modern Web Designer's Workflow
chriscoyier
693
190k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Docker and Python
trallard
44
3.3k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
GraphQLとの向き合い方2022年版
quramy
44
14k
4 Signs Your Business is Dying
shpigford
182
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
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ΛͲͷΑ͏ʹѻ͍ͬͯΔ͔ʁ • ఆੑϦαʔνͱఆྔϦαʔνΛͲͷΑ͏ʹ͍͚͍ͯΔ͔ʁ • ৫ମ੍৬छͷ͚۠ɾਓن ʮνͰ͜͏ͬͯΔΑʯΈ͍ͨͳࣄྫ͕͋Εͥͻʂ