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
940
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
210
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
850
まわるUXリサーチ、たまるユーザーインサイト #uxmilkallnight / 20200912
minamitary
2
380
もし仮に、定性・定量リサーチを全開発者が自ら実施できるようになったとしたら #InsightTokyo / 20200325
minamitary
7
2.7k
ピクシブ流データ活用基盤のこれまでとこれから #pixivTECHSALON / 20190305
minamitary
1
3.7k
Other Decks in Design
See All in Design
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
380
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
490
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
160
ito aya|Portfolio2409
itoaya116
0
240
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
220
Yahoo Newsletter Clicker Template
xuechunwu
0
290
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
1
2.3k
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
0
920
富山デザイン勉強会_デザイナーの打ち合わせ術_打ち合わせをクリエイティブな時間にする方法.pdf
keita_yoshikawa
1
110
Tataki Ryu
olgastoryboard
0
140
root COMPANY DECK / We are hiring!
root_recruit
1
14k
Карта процесса-опыта. Презентация метода
ashapiro
0
300
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
38
7k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
Producing Creativity
orderedlist
PRO
341
39k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
BBQ
matthewcrist
85
9.3k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Optimizing for Happiness
mojombo
376
69k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
760
Why Our Code Smells
bkeepers
PRO
334
57k
Making Projects Easy
brettharned
115
5.9k
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ΛͲͷΑ͏ʹѻ͍ͬͯΔ͔ʁ • ఆੑϦαʔνͱఆྔϦαʔνΛͲͷΑ͏ʹ͍͚͍ͯΔ͔ʁ • ৫ମ੍৬छͷ͚۠ɾਓن ʮνͰ͜͏ͬͯΔΑʯΈ͍ͨͳࣄྫ͕͋Εͥͻʂ