Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
日本一の購入体験を目指して / The role of the designer in BASE
Search
t_mifuru
November 13, 2016
Design
1.3k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
日本一の購入体験を目指して / The role of the designer in BASE
2016年11月11日にビズリーチさんで行われた『Designer's Beer Bash』での登壇の資料です。
t_mifuru
November 13, 2016
Transcript
118 slides
%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
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
StartDesignEngineering
uchiyama886
1
170
東京都市大学 都市生活学部×一般社団法人オープン企画イベント 「誰もがデザイナーである」とはどういうことか? 【エツィオ・マンズィーニ氏 特別来日・基調講演】
a2k
1
170
Jun Wei Portfolio 2026
wjw100788
PRO
1
460
デザイン組織の広報が、AIを_社内外に広げる_ためにやってきたこと
mixi_design
PRO
0
210
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
1k
Design_Harness_and_Loop.pdf
nagatsu
0
150
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.5k
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.4k
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
2
2.5k
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
140
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
300
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
3
2k
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
41
2.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1.1k
The Invisible Side of Design
smashingmag
301
52k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.2k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
2
2.2k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
580
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
2
400
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.7k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
2
3k