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
t_mifuru
November 13, 2016
Design
2
1.2k
日本一の購入体験を目指して / The role of the designer in BASE
2016年11月11日にビズリーチさんで行われた『Designer's Beer Bash』での登壇の資料です。
t_mifuru
November 13, 2016
Tweet
Share
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
2026年、デザイナーはなにに賭ける?
0b1tk
0
440
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
2.9k
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.5k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
210
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
340
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
970
Liquid GlassとApp Intents
touyou
0
670
ドルちゃん
design_dolphins
0
540
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
390
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
760
第18回サイゼミ
lw
1
1.8k
Featured
See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.3k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
36
For a Future-Friendly Web
brad_frost
180
10k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Statistics for Hackers
jakevdp
799
230k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
64
Ruling the World: When Life Gets Gamed
codingconduct
0
120
Color Theory Basics | Prateek | Gurzu
gurzu
0
180
Crafting Experiences
bethany
0
31
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
300
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