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.5k
ユーザーファーストなプロダクト製作ができる文化を作る/BASE User First
t_mifuru
5
2.1k
Other Decks in Design
See All in Design
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
220
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
240
portfolio.pdf
onof003
0
200
Goodpatch Tour💙 / We are hiring!
goodpatch
31
900k
Vibe Coding デザインシステム
poteboy
2
1.3k
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.9k
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
270
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
280
kintone Style Book
kintone
4
3.6k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
A Tale of Four Properties
chriscoyier
161
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Docker and Python
trallard
46
3.6k
Embracing the Ebb and Flow
colly
88
4.9k
Writing Fast Ruby
sferik
630
62k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
KATA
mclloyd
PRO
32
15k
Faster Mobile Websites
deanohume
310
31k
Automating Front-end Workflow
addyosmani
1371
200k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
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