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
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
100
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
640
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
580
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
620
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
1.7k
Memory Man v3 (WIP)
storybychad
PRO
0
2.2k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
Selección de proyectos PORTFOLIO 16/25
alvaroromero
0
100
Yumika Yamada Portfolio
yumii
0
1k
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
190
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
330
How to get a Tiger to Tulsa
mcduckyart
0
110
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
370
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
710
KATA
mclloyd
30
14k
Faster Mobile Websites
deanohume
308
31k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Scaling GitHub
holman
461
140k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
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