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
日本一の購入体験を目指して / The role of the designer in BASE
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
t_mifuru
November 13, 2016
Design
1.2k
2
Share
日本一の購入体験を目指して / The role of the designer in BASE
2016年11月11日にビズリーチさんで行われた『Designer's Beer Bash』での登壇の資料です。
t_mifuru
November 13, 2016
More Decks by t_mifuru
See All by t_mifuru
ユーザーから紐解くいい購入体験のつくりかた/Searching for good experience
t_mifuru
5
6.6k
ユーザーファーストなプロダクト製作ができる文化を作る/BASE User First
t_mifuru
5
2.2k
Other Decks in Design
See All in Design
The Art of Caring
klemens
0
310
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
360
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
230
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
610
decksh object reference
ajstarks
2
1.6k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
360
「見せる」登壇資料デザインの極意
takanorip
3
770
20251217リビングラボ・トークin尼崎(尼崎おせっかい会議&オトナテラコヤ)
a2k
0
100
なぜ、インサイトを貯めるのか?
tajima_kaho
1
500
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
13k
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
880
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.2k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
183
10k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
520
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
340
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
340
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.5k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
500
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.7k
Unsuck your backbone
ammeep
672
58k
Color Theory Basics | Prateek | Gurzu
gurzu
0
300
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
Believing is Seeing
oripsolob
1
120
Transcript
%FTJHOFST#FFS#BTI ຊҰͷߪೖମݧΛࢦͯ͠ #"4&ͷΞϓϦͷσβΠφʔͷׂͱߟ͑ํ
ࣗݾհ ࡾݹୡ ੜ·Εɻ ݄ɺ#"4& *ODʹೖࣾɻ ݱࡏγϣοϐϯάϞʔϧΞϓϦɺ#"4&ͷσβΠφʔͱͯ͠ "OESPJEJ04ͷσβΠϯΛߦ͏ɻ 6*%FTJHOFS !U@NJGVSV 5BUTVZB.JGVSV
None
#"4&ͷαʔϏε ωοτγϣοϓ࡞αʔϏε γϣοϐϯάϞʔϧΞϓϦ ʢγϣοϓΦʔφʔ༻ʣ ʢߪೖऀ༻ʣ
ωοτγϣοϓ࡞αʔϏε ୭Ͱ؆୯ʹແྉͰ ωοτγϣοϓ͕࡞Ε·͢
#"4&Ͱ࡞ΒΕͨγϣοϓ
#"4&Ͱ࡞ΒΕͨγϣοϓ γϣοϓ։ઃ ສళฮҎ্
#"4&Ͱ࡞ΒΕͨγϣοϓ ݄ؒສళฮͷ ϖʔεͰ૿Ճத
ͱ͓͖͕ͬͯݟ͔ͭΔγϣοϐϯάϞʔϧΞϓϦ
#"4&ͷσβΠφʔʹ͍ͭͯ ຊͷΞδΣϯμ ΞϓϦνʔϜͷ։ൃͷਐΊํ ΞϓϦͷσβΠφʔͷׂͱߟ͑ํ 1BHF 1BHF 1BHF
#"4&ͷσβΠφʔ 8FC"QQMJDBUJPO
ϑϩϯτΤϯυσβΠφʔ 6*σβΠφʔ ݱࡏɺ໊ͷσβΠφʔ͕ॴଐ #"4&ͷ։ൃମ੍
ϑϩϯτΤϯυσβΠφʔ 6*σβΠφʔ ࠷ۙΞγελϯτσβΠφʔ͕ೖࣾ #"4&ͷ։ൃମ੍
ΤϯδχΞͱͷൺ #"4&ͷ։ൃମ੍
ΤϯδχΞͱͷൺ #"4&ͷ։ൃମ੍
ਓͰͬͯ͜Εͨͷͳ͔ͥ #"4&ͷ։ൃମ੍
ؾ߹ #"4&ͷ։ൃମ੍
ؾ߹ #"4&ͷ։ൃମ੍
։ൃνʔϜ͕͔Ε͍ͯΔ #"4&ͷ։ൃମ੍ 8FCνʔϜ ΞϓϦνʔϜ
#"4&ͷ։ൃମ੍ σβΠφʔνʔϜ͕͔Ε͍ͯΔ 8FCνʔϜ ΞϓϦνʔϜ
ͱ͓͖͕ͬͯݟ͔ͭΔγϣοϐϯάϞʔϧΞϓϦ
ΞϓϦʹؔ͢ΔσβΠϯۀશൠ ΞϓϦͷಛूόφʔ ใઃܭ J04"OESPJEͷ6* ಛूͷಛผ8FC7JFXͷσβΠϯɾ࣮ ମݧͷσβΠϯௐࠪ िͭެ։͞ΕΔಛूͷόφʔ ಛूͷಛผ8FC7JFXͷσβΠϯ
#"4&ͷΞϓϦ͕ࢦ͍ͯ͠Δͷ
#"4&ͷΞϓϦ͕ࢦ͍ͯ͠Δͷ ຊҰͷߪೖମݧ͕ Ͱ͖ΔΞϓϦ
ͬͯͳΜͳΜͩΖ͏ʁ ຊҰͷߪೖମݧ
ͬͯͳΜͳΜͩΖ͏ʁ ຊҰͷߪೖମݧ ???
ߟ͑ํΛม͑ͯ
ߪೖମݧͱʁ ߟ͑ํΛม͑ͯ
αʔϏεళฮͰͷങ͍ͷࡍʹ ମݧ͢Δͯ͢ͷࣄฑ
6*ͷσβΠϯ͚ͩͰͳ͘ ߪೖମݧͷσβΠϯ
αʔϏεͷํੑࢥ ࣾϓϩμΫτϚωʔδϟʔ͕
Ϣʔβʔͷମݧ σβΠφʔ͕த৺ ͱͳͬͯߟ͑ΔࣄͷͰ͖Δڥ
ͲͷΑ͏ʹ։ൃ͕ਐΜͰ͍Δͷ͔
1.͔Βཁ݅Λฉ͘ ΞϓϦνʔϜͷ։ൃ
σβΠϯϨϏϡʔ σβΠφʔ͕࠶ߟ 1.͔Βཁ݅Λฉ͘ ΞϓϦνʔϜͷ։ൃ
σβΠϯϨϏϡʔ σβΠφʔ͕࠶ߟ 1.͔Βཁ݅Λฉ͘ ઃܭɾϥϑσβΠϯ ΞϓϦνʔϜͷ։ൃ
σβΠϯϨϏϡʔ σβΠφʔ͕࠶ߟ શମͰσβΠϯϨϏϡʔ 1.͔Βཁ݅Λฉ͘ ઃܭɾϥϑσβΠϯ ΞϓϦνʔϜͷ։ൃ
ઃܭɾϥϑσβΠϯ σβΠϯ'*9 σβΠϯϨϏϡʔ σβΠφʔ͕࠶ߟ શମͰσβΠϯϨϏϡʔ 1.͔Βཁ݅Λฉ͘ ΞϓϦνʔϜͷ։ൃ
ϢʔβʔΠϯλϏϡʔ ΧελϚʔδϟʔχʔϚοϓ ΞϓϦνʔϜͷ։ൃ
ΞϓϦνʔϜͷ։ൃ ͜ͷఔʹΤϯδχΞͷํʹ ࢀՃͯ͠Β͍ͬͯ·͢
ΞϓϦνʔϜͷ։ൃ ͳͥɺΤϯδχΞ ߪೖମݧΛߟ͑Δͷ͔
ΞϓϦνʔϜͷ։ൃ ߪೖମݧਓͦΕͧΕ σβΠφʔ͚͕ͩߟ͑ͨߪೖମݧ ଐਓԽͯ͠͠·͏ͱײ͔ͨ͡Β
ΞϓϦνʔϜͷ։ൃ ͍Ζ͍Ζͳࢹ͔Βݟͨ ʰ͍͍ߪೖମݧʱΛߟ͍͑ͨ
ϢʔβʔΠϯλϏϡʔ ΧελϚʔδϟʔχʔϚοϓ ΞϓϦνʔϜͷ։ൃ
ΞϓϦνʔϜͷ։ൃ σβΠφʔԿΛ͢Δ͔
ΞϓϦνʔϜͷ։ൃ ϑΝγϦςʔγϣϯ
ΞϓϦνʔϜͷ։ൃ σβΠφʔ͕औΓΛͯ͠ νʔϜ͕ߟ͍͑͢Λ࡞Δ
ΧελϚʔδϟʔχʔϚοϓ #"4&$+.
εέδϡʔϧޕલͷ෦ ʲಋೖʳΧελϚʔδϟʔχʔϚοϓͱ ʲ֬ೝʳ#"4&ͷݱঢ় ʲߨٛʳϢʔβʔΠϯλϏϡʔ ʲ࣮ફʳϢʔβʔΠϯλϏϡʔ ʲ·ͱΊʳΠϯλϏϡʔ༰ͷৼΓฦΓ ʲ࣮ફʳΠϯλϏϡʔͷใͷยԽ NJO NJO NJO
NJO NJO NJO ˞ٳܜదٓೖΕ͍͖ͯ·͢ɻϫʔΫγϣοϓதʹୀग़ͯ͠ߏ͍·ͤΜɻ ʲ·ͱΊʳνʔϜͰ͓னʹߦ͍ͬͯͩ͘͞ NJO
εέδϡʔϧޕޙͷ෦ ʲߨٛʳ,+๏ͱ ʲ࣮ફʳ,+๏ ʲߨٛʳΧελϚʔδϟʔχʔϚοϓͱ ʲ࣮ફʳΧελϚʔδϟʔχʔϚοϓ ʲ·ͱΊʳൃදɾೝࣝͷڞ༗ ʲ·ͱΊʳղܾࡦࢪࡦΛߟ͑Δ NJO NJO NJO
NJO NJO NJO ˞ٳܜదٓೖΕ͍͖ͯ·͢ɻϫʔΫγϣοϓதʹୀग़ͯ͠ߏ͍·ͤΜɻ
None
None
None
None
None
ΞϓϦνʔϜͷ։ൃ ͔࣌Β࣌·Ͱ͔͚ͯ ϢʔβʔΛΔػձΛ࡞Γ·ͨ͠
ΞϓϦνʔϜͷ։ൃ ͜ͷ࣌ؒɺσβΠφʔͷ ϑΝγϦςʔλʔͱͯ͠ ϫʔΫγϣοϓͷαϙʔτ
ΞϓϦνʔϜͷ։ൃ ϢʔβʔΛΔ͜ͱ͕Ͱ͖ ϖΠϯϙΠϯτʢ՝ʣΛΓ Ͳ͏վળ͍͔ͯ͘͠Λߟ͑ΒΕͨ
ΞϓϦνʔϜͷ։ൃ ϢʔβʔΠϯλϏϡʔ͔Β ϢʔβʔΛ͍ͬͯ͘
ΞϓϦνʔϜͷ։ൃ Ϣʔβʔͷߦಈ͔Β ݟ͑ͨ՝Λվળ
ѱ͍ߪೖମݧ ΞϓϦνʔϜͷ։ൃ
ѱ͍ߪೖମݧ ͍͍ߪೖମݧ ΞϓϦνʔϜͷ։ൃ
͍͍ʹग़ձ͏ͨΊʹ $BTF
͍͍ͱग़ձ͏ͨΊʹ #"4&ͷڧΈ
ଟ༷ੑͱݸੑ ສళฮҎ্ͷγϣοϓͷ ͍͍ͱग़ձ͏ͨΊʹ
ັྗతͳ ଞͰങ͑ͳ͍ ͍͍ͱग़ձ͏ͨΊʹ ͕ଗ͍ͬͯΔ
Ͱͦͷʹग़ձ͏ͨΊʹʁ ͍͍ͱग़ձ͏ͨΊʹ
͍͍ͱग़ձ͏ͨΊʹ )0.& 4&"3$)
)0.& ͍͍ͱग़ձ͏ͨΊʹ 4&"3$) ϢʔβʔͷߦಈΛݟͯΈΔͱʜ
)0.& ͍͍ͱग़ձ͏ͨΊʹ 4&"3$) #"4&ͷΞϓϦʹ׳Εͯ͘Δͱ ݕࡧ͕ىͷ͍ํʹมΘͬͯ͘Δ
)0.& ͍͍ͱग़ձ͏ͨΊʹ 4&"3$) ͓ؾʹೖΓɾϑΥϩʔΛ׆༻ͯ͠ ͚ࣗͩͷϦετΛ࡞͍ͬͯΔ
ͨͩɺ͜͜ʹ͕͋Γ·ͨ͠ ͍͍ͱग़ձ͏ͨΊʹ
ݕࡧͷਫ਼͕ѱ͘ ٻΊ͍ͯΔʹग़ձ͑ͳ͍ʜ ͍͍ͱग़ձ͏ͨΊʹ
ݕࡧͷਫ਼͕ѱ͘ ٻΊ͍ͯΔʹग़ձ͑ͳ͍ʜ ετΞͷϨϏϡʔʹॻ͔Ε͍ͯͯ՝ͱײ͍ͯͨ͡ ͍͍ͱग़ձ͏ͨΊʹ
ݕࡧΛϦχϡʔΞϧ ͍͍ͱग़ձ͏ͨΊʹ
#&'03& "'5&3 ͍͍ͱग़ձ͏ͨΊʹ
#&'03& "'5&3 ͍͍ͱग़ձ͏ͨΊʹ
ݕࡧ݁Ռ ͍͍ͱग़ձ͏ͨΊʹ
#&'03& "'5&3 ͍͍ͱग़ձ͏ͨΊʹ
#&'03& "'5&3 ͍͍ͱग़ձ͏ͨΊʹ
ݕࡧϩδοΫͷվળ͋Γ ͍͍ʹग़ձ͑Δݕࡧػೳʹ ͍͍ͱग़ձ͏ͨΊʹ
"OESPJE൛͕ઌߦͯ͠ϦϦʔεʂ
γϣοϓͷϑΝϯʹ $BTF
#"4&ͷγϣοϓΦʔφʔ͞Μ γϣοϓͷϑΝϯʹ
ͳͲͷ4/4Λ͏·͍ͬͯ͘Δ γϣοϓͷϑΝϯʹ
ʰγϣοϓͷϑΝϯ͔ͩΒʱͱ ΞϓϦΛͬͯ͘ΕΔํ͕͍Δ γϣοϓͷϑΝϯʹ
γϣοϓΛϑΥϩʔ͢Δ͜ͱͰ γϣοϓ͔ΒͷใΛ ड͚औΕΔΑ͏ʹͳΔ γϣοϓͷϑΝϯʹ
None
͜ΕͬͯγϣοϓΦʔφʔͷ ʮങͬͯ΄͍͠ʯʮݟͯ΄͍͠ʯ ͕ΘΒͳ͍ γϣοϓͷϑΝϯʹ
None
γϣοϓΦʔφʔ͔Β ؾ࣋ͪΛࠐΊͨจষ͕ૹΒΕͯ͘Δ
खࢴ
͜ͷγϣοϓϓογϡ͔Β ͍ΖΜͳਓʹϑΝϯʹͳͬͯ΄͍͠ γϣοϓͷϑΝϯʹ
͜ͷػೳ Ϣʔβʔ͕΄͍͠ͷͰͳͯ͘ ͕ͨͪఏڙ͍ͨ͠ͱࢥͬͨػೳ γϣοϓͷϑΝϯʹ
ѱ͍ߪೖମݧͷվળͰͳ͘ ͞Βʹ͍͍ߪೖମݧΛ࣮ݱͤ͞Δ γϣοϓͷϑΝϯʹ
σβΠφʔͷׂͱߟ͑ํ %FTJHOFSPG#"4&
Ϣʔβʔͷମݧ Λͱͯେࣄʹ͍ͯ͠·͢ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
#"4&ͷϢʔβʔͷମݧ σβΠφʔ͕த৺ ͱͳͬͯߟ͑ΔࣄͷͰ͖Δڥ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
ߟ͑ଓ͚Δࣄ͕ٻΊΒΕ·͢ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
͍͍ମݧΛ࡞Δʹ ʑࢥߟΛੵΈॏͶΔ͜ͱ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
ͦ͏ߟ͑ͯͣͬͱҰਓͰ ͖ͬͯ·ͨ͠ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
σβΠφʔ͚ͩͰਐΊ͍ͯ͘ͱ ଐਓԽͨ͠ମݧʹͳͬͯ͠·͏ͱ ؾ͕͍ͭͨ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
νʔϜશһͰߟ͑ΒΕΔΑ͏ʹ ߟ͑ΔΛσβΠϯ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
σβΠφʔ͔ͩΒͱݴͬͯ ମݧͯ͢ΛҰਓͰ σβΠϯ͢Δඞཁͳ͍ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
νʔϜશһͷҙݟΛ·ͱΊͯ αʔϏεΛ࡞͍ͬͯ͘͜ͱ σβΠφʔͷେࣄͳׂ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
ࢥυϦϒϯ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
ࢥυϦϒϯ ͕ࣗͨͪͲΜͳϓϩμΫτΛ Ϣʔβʔʹಧ͚͍͔ͨ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
#"4&ͷΞϓϦͷࢥͷ த৺ʹϢʔβʔ͕͍·͢ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
͜ͷߟ͑ํ͕ #"4&Β͠͞ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
͔ͩΒࢦ͍ͯ͠Δͷ͕ ຊҰͷߪೖମݧ͕ Ͱ͖ΔΞϓϦ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
·ͩ·ͩɺ͍͍ߪೖମݧΛ ఏڙͰ͖͍ͯΔͱࢥ͍ͬͯ·ͤΜ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
ྑ͍ͨ͘͠ͱ͜Ζ͕ͨ͘͞Μ͋Δ͠ ѱ͍ମݧ͍ͬͯΔͱࢥ͍ͬͯΔ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
ͱ͍͏͜ͱ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
#"4&ͷΞϓϦ ͬͱྑ͘ͳΔʂ ͱ͍͏͜ͱ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
͜Ε͔ΒνʔϜશһͰ ͍͍ߪೖମݧΛٻ͍͖͍ͯͨ͠ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
͜Ε͔Βͷ#"4&ͷΞϓϦʹ ͝ظ͍ͩ͘͞ʂ #"4&ΞϓϦνʔϜͷσβΠφʔͷׂ
#"4&ͰσβΠφʔΛืू͍ͯ͠·͢ʂ ؾܰʹ͓͕͚͍ͩ͘͞ʂ /08)*3*/(
None