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
ユーザーファーストなプロダクト製作ができる文化を作る/BASE User First
Search
t_mifuru
May 23, 2016
Design
5
2.1k
ユーザーファーストなプロダクト製作ができる文化を作る/BASE User First
2016年5月20日にみんなのウェディングさんで行われた『デザイナーLT&交流会(freee×BASE×みんなのウェディング)』で登壇した際の資料です。
t_mifuru
May 23, 2016
Tweet
Share
More Decks by t_mifuru
See All by t_mifuru
日本一の購入体験を目指して / The role of the designer in BASE
t_mifuru
2
1.2k
ユーザーから紐解くいい購入体験のつくりかた/Searching for good experience
t_mifuru
5
6.5k
Other Decks in Design
See All in Design
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
260
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
150
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
390
Yumika Yamada Portfolio
yumii
0
1.7k
decksh object reference
ajstarks
2
1.3k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
880
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
#Dubois Challenge 2025: Economics
ajstarks
1
180
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
170
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
400
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.8k
Practical Orchestrator
shlominoach
190
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Building Adaptive Systems
keathley
43
2.8k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Faster Mobile Websites
deanohume
310
31k
The Language of Interfaces
destraynor
162
25k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Why Our Code Smells
bkeepers
PRO
339
57k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
5BUTVZB.JGVSV %FTJHOFS’T.FFUVQ ʠϢʔβʔϑΝʔετͳαʔϏεΛσβΠϯ͢ΔͨΊʹʡ ϢʔβʔϑΝʔετͳ ϓϩμΫτ࡞͕Ͱ͖ΔจԽΛ࡞Δ
None
ࡾݹୡ ݄ɺ#"4& *ODʹೖࣾɻ ݱࡏγϣοϐϯάϞʔϧΞϓϦɺ#"4&ͷσβΠφʔͱͯ͠ "OESPJEJ04ͷσβΠϯΛߦ͏ɻ 6*%FTJHOFS !U@NJGVSV 5BUTVZB.JGVSV ࣗݾհ 1SPGJMF
͋ͳ͚ͨͩͷͱ͓͖͕ͬͯݟ͔ͭΔ γϣοϐϯάΞϓϦ ΞϓϦΛϦχϡʔΞϧ͠·ͨ͠ 3FOFXBM
J04 #&'03& J04 "'5&3 ΞϓϦΛϦχϡʔΞϧ͠·ͨ͠ 3FOFXBM
"OESPJE #&'03& "OESPJE "'5&3 ΞϓϦΛϦχϡʔΞϧ͠·ͨ͠ 3FOFXBM
τοϓͷେ෯ͳ༷มߋ 1PJOU ϦχϡʔΞϧͷϙΠϯτʁ 3FOFXBM
σβΠϯΛશԽ 1PJOU τοϓͷେ෯ͳ༷มߋ 1PJOU ϦχϡʔΞϧͷϙΠϯτʁ 3FOFXBM
֎ ͕νʔϜʹೖΔ·Ͱ ΞϓϦͷσβΠϯΛ ͍ͯ͠·ͨ͠ ࣮σβΠϯΛʜ 3FOFXBM
σβΠϯπʔϧͷ ֎͔ΒʹมΘΔλΠϛϯάͰࠔͬͨ͜ͱ %FNFSJU
σβΠϯπʔϧͷ ֎͔ΒʹมΘΔλΠϛϯάͰࠔͬͨ͜ͱ %FNFSJU
σβΠϯπʔϧͷ ֎͔ΒʹมΘΔλΠϛϯάͰࠔͬͨ͜ͱ %FNFSJU
ࠓճɺҾ͖ܧ͕͗ͳ͔ͬͨʜ ֎͔ΒʹมΘΔλΠϛϯάͰࠔͬͨ͜ͱ %FNFSJU
͜ͷσβΠϯͬͯ Ͳ͏͍͏ҙਤͰ ߟ͑ΒΕͯΔΜͩΖ͏͔ʜ ΞϓϦνʔϜʹ ଐ͞Εͨ࣌ͷ ֎͔ΒʹมΘΔλΠϛϯάͰࠔͬͨ͜ͱ %FNFSJU
σβΠφʔෆࡏͰϕʔεͩͬͨ͜ͷঢ়ଶ͔Β Ͳ͏ͬͯϓϩμΫτ੍࡞ΛਐΊ͍ͯ͜͏ʜ ͦΜͳঢ়گ͔ΒԽ͕࢝·ͬͨ 4UBSU
ͦ͏ͩ ͦΜͳঢ়گ͔ΒԽ͕࢝·ͬͨ 4UBSU
จԽͱ͍͏ͷ͕ͳ͍ͳΒ Γ͍͢Α͏ʹࣗͰ࡞ͬͯ͠·͓͏ʂ ͦΜͳঢ়گ͔ΒԽ͕࢝·ͬͨ 4UBSU
ΰʔϧ ϢʔβʔϑΝʔετͳ ϓϩμΫτ࡞͕Ͱ͖ΔจԽΛ࡞Δ
Ϣʔβʔʹͱͬͯ ࠷ߴͷମݧΛఏڙ͢Δ͜ͱ ϢʔβʔϑΝʔετͷఆٛʁ 6TFS'JSTU
ϓϩτλΠϐϯάπʔϧͷಋೖ 1PJOU ϢʔβʔϑΝʔετͳϓϩμΫτ࡞ͷͨΊʹ࢝Ίͨ͜ͱ 6TFS'JSTU
ϓϩτλΠϐϯάπʔϧͷಋೖ ϢʔβʔΠϯλϏϡʔͷ࣮ࢪ 1PJOU 1PJOU ϢʔβʔϑΝʔετͳϓϩμΫτ࡞ͷͨΊʹ࢝Ίͨ͜ͱ 6TFS'JSTU
ϓϩτλΠϐϯάπʔϧΛಋೖ 1SPUPUZQJOHUPPM
ڞ༗͕؆୯ͩͬͨ 1PJOU 1SPUUΛબΜͩཧ༝ 1SPUPUZQJOHUPPM
ڞ༗͕؆୯ͩͬͨ 1PJOU ΞϓϦ͕ϦϦʔε͞Ε͍ͯͨ 1PJOU 1SPUUΛબΜͩཧ༝ 1SPUPUZQJOHUPPM
ڞ༗͕؆୯ͩͬͨ 1PJOU ΞϓϦ͕ϦϦʔε͞Ε͍ͯͨ 1PJOU पΓͰ͍ͬͯΔσβΠφʔ͕ଟ͔ͬͨ 1PJOU 1SPUUΛબΜͩཧ༝ 1SPUPUZQJOHUPPM
8'ͷஈ֊͔Β1SPUUͰ νʔϜʹڞ༗ͯ͠৮ͬͯΒ͏ #"4&Ͱͷ1SPUUͷ͍ํ 1SPUPUZQJOHUPPM
#"4&Ͱͷ1SPUUͷ͍ํ 1SPUPUZQJOHUPPM
ΞϓϦͷܗΛΠϝʔδ͍͢͠͠ ֤ʑ͕ϢʔβʔઢͰ͍͢͞ΛݕূͰ͖Δ #"4&Ͱͷ1SPUUͷ͍ํ 1SPUPUZQJOHUPPM
ϑΟʔυόοΫ͕۩ମతʹͳΓ ΑΓࡉ͔͍ͱ͜Ζ·Ͱվળ͍͚ͯ͠Δ #"4&Ͱͷ1SPUUͷ͍ํ 1SPUPUZQJOHUPPM
ϢʔβʔͷҙݟΛऔΓೖΕΔ͍͍खஈ ϢʔβʔΠϯλϏϡʔΛಋೖ͍ͨ͠ 6TFS*OUFSWJFX
։ൃऀͰͳ͍ࢹ͕ཉ͍͠ ϢʔβʔΠϯλϏϡʔΛಋೖ͍ͨ͠ 6TFS*OUFSWJFX
ͱ͍͏ͷσβΠφʔ͕ҰਓͩͱଐਓԽͯ͠͠·͏ ϢʔβʔΠϯλϏϡʔΛಋೖ͍ͨ͠ 6TFS*OUFSWJFX
͔͠͠ಋೖ·Ͱͷน͕ߴ͔ͬͨʜ ϢʔβʔΠϯλϏϡʔΛಋೖ͍ͨ͠ 6TFS*OUFSWJFX
ʮ#"4&ʯͰϢʔβʔΠϯλϏϡʔಛʹߦͳ͍ͬͯ·ͤΜɻ ʮ#"4&ʯɺλʔήοτͱ͢ΔϢʔβʔ͕ʮωοτʹৄ͘͠ͳ͍ਓʯͰ͢ɻ Ϣʔβʔ͕ࣗʮ͕ࣗԿΛΜͰ͍Δͷ͔ʯʮαʔϏεͱͯ͠ఏڙͯ͠ ΄͍͠ͷʯ͕Θ͔͍ͬͯͳ͍͜ͱ͕΄ͱΜͲͩͬͨΓ͢ΔͷͰ͢ɻ ͪΖΜαʔϏεͱͯ͠ɺϢʔβʔ͔Βͷཁ͖ͪΜͱฉ͍͍ͯ·͢ɻ ֬ೝఔͰ͕͢ɺϢʔβʔςετͷΑ͏ͳͷΛߦͳͬͨ͜ͱ͋Γ·͢ɻ ͔͠͠ɺϢʔβʔͷҙݟཁΛத৺ʹ։ൃɾվળΛߦ͏͜ͱ͋Γ·ͤ Μɻ ʢதུʣ Ϣʔβʔ͕ࣗʮԿΛΜͰ͍Δͷ͔Θ͔Βͳ͍ʯͷͰ͋ΕɺαʔϏε
ఏڙऀͰ͋ΔΒ͕ઌͯ͠։ൃɾվળΛਐΊ͍ͯ͘͜ͱͷ΄͏͕େࣄͰ ͢ɻʮ͜͏͍͏69Λܦݧ͍ͯ͘͜͠ͱͰɺকདྷతʹϢʔβʔʢళฮʣͷച ্্͕͕Δʂʯͱͨ͠΄͏͕ɺ։ൃͰ໎͍͕ͳ͘ɺ݁ՌతʹϢʔβʔͷ ຬߴ·Δͱࢥ͍ͬͯ·͢ɻ ͋Δऔࡐͷهࣄ͔Βൈਮ ࣾԬ͜͏ߟ͍͑ͯ·ͨ͠ 6TFS*OUFSWJFX
ʮ#"4&ʯͰϢʔβʔΠϯλϏϡʔಛʹߦͳ͍ͬͯ ·ͤΜɻ Ϣʔβʔ͕ʮωοτʹৄ͘͠ͳ͍ਓʯͰʮ͕ࣗԿΛ ΜͰ͍Δͷ͔ʯʮαʔϏεͱͯ͠ఏڙͯ͠΄͍͠ͷʯ ͕Θ͔͍ͬͯͳ͍ͱ͠ɺʮ͜͏͍͏69Λܦݧ͍ͯ͘͠ ͜ͱͰɺকདྷతʹϢʔβʔʢళฮʣͷച্্͕͕Δʯͷ Α͏ͳػೳΛఏڙͨ͠ํ͕ɺ݁ՌతʹϢʔβʔͷຬ ߴ·Δͱߟ͍͑ͯ·͢ɻ ؆୯ʹ·ͱΊΔͱʜ ࣾԬ͜͏ߟ͍͑ͯ·ͨ͠
6TFS*OUFSWJFX
ʮ#"4&ʯͰϢʔβʔΠϯλϏϡʔಛʹߦͳ͍ͬͯ ·ͤΜɻ Ϣʔβʔ͕ʮωοτʹৄ͘͠ͳ͍ਓʯͰʮ͕ࣗԿΛ ΜͰ͍Δͷ͔ʯʮαʔϏεͱͯ͠ఏڙͯ͠΄͍͠ͷʯ ͕Θ͔͍ͬͯͳ͍ͱ͠ɺʮ͜͏͍͏69Λܦݧ͍ͯ͘͠ ͜ͱͰɺকདྷతʹϢʔβʔʢళฮʣͷച্্͕͕ΔʯΑ ͏ͳػೳΛఏڙͨ͠ํ͕ɺ݁ՌతʹϢʔβʔͷຬ ߴ·Δͱߟ͍͑ͯ·͢ɻ ؆୯ʹ·ͱΊΔͱʜ ࣾԬ͜͏ߟ͍͑ͯ·ͨ͠
6TFS*OUFSWJFX λʔήοτ͕ ʮωοτʹৄ͘͠ͳ͍ϢʔβʔʯͳΒ ͜ͷϢʔβʔମݧͷߟ͑ೲಘͰ͖Δ
ʮ#"4&ʯͰϢʔβʔΠϯλϏϡʔಛʹߦͳ͍ͬͯ ·ͤΜɻ Ϣʔβʔ͕ʮωοτʹৄ͘͠ͳ͍ਓʯͰʮ͕ࣗԿΛ ΜͰ͍Δͷ͔ʯʮαʔϏεͱͯ͠ఏڙͯ͠΄͍͠ͷʯ ͕Θ͔͍ͬͯͳ͍ͱ͠ɺʮ͜͏͍͏69Λܦݧ͍ͯ͘͠ ͜ͱͰɺকདྷతʹϢʔβʔʢళฮʣͷച্্͕͕ΔʯΑ ͏ͳػೳΛఏڙͨ͠ํ͕ɺ݁ՌతʹϢʔβʔͷຬ ߴ·Δͱߟ͍͑ͯ·͢ɻ ؆୯ʹ·ͱΊΔͱʜ ࣾԬ͜͏ߟ͍͑ͯ·ͨ͠
6TFS*OUFSWJFX ͰΞϓϦͷϢʔβʔ ͪΐͬͱͨ͠৭͍ϘλϯͷαΠζͰ ମݧ͕ଛͳΘΕͯ͠·͏ڪΕ͕͋Δ
ʮ#"4&ʯͰϢʔβʔΠϯλϏϡʔಛʹߦͳ͍ͬͯ ·ͤΜɻ Ϣʔβʔ͕ʮωοτʹৄ͘͠ͳ͍ਓʯͰʮ͕ࣗԿΛ ΜͰ͍Δͷ͔ʯʮαʔϏεͱͯ͠ఏڙͯ͠΄͍͠ͷʯ ͕Θ͔͍ͬͯͳ͍ͱ͠ɺʮ͜͏͍͏69Λܦݧ͍ͯ͘͠ ͜ͱͰɺকདྷతʹϢʔβʔʢళฮʣͷച্্͕͕ΔʯΑ ͏ͳػೳΛఏڙͨ͠ํ͕ɺ݁ՌతʹϢʔβʔͷຬ ߴ·Δͱߟ͍͑ͯ·͢ɻ ؆୯ʹ·ͱΊΔͱʜ ࣾԬ͜͏ߟ͍͑ͯ·ͨ͠
6TFS*OUFSWJFX ͜͏͍͏ͻͱͭͻͱͭͷମݧΛ ώΞϦϯάͯ͠ྑ͍ͷΛ࡞Δ͜ͱ͕ ඞཁͩΑͶʁ
ԬʹԿ͔ঝೝΛಘΑ͏ͱͯ͠ ʮΘ͔ΔΜ͚ͩͲɺͦΕͬͯࠓඞཁʁʯ ͱݴΘΕͯ͠·͏ʜ ϢʔβʔΠϯλϏϡʔߦ͏ঝೝ͕ԼΓͳ͍ 6TFS*OUFSWJFX
ࣾԬͷߟ͑ 6TFS*OUFSWJFX ·ͩΞϓϦϓϩμΫτͱͯ͠ະ ࠓϢʔβʔΠϯλϏϡʔΑΓ ΞϓϦͷΛ্͍͛ͯ͘͜ͱ͕ Ұ൪େࣄͩͱࢥ͏
ϓϩμΫτͷ 6TFS*OUFSWJFX
ϓϩμΫτͷ 6TFS*OUFSWJFX
ϓϩμΫτͷ 6TFS*OUFSWJFX 69తཁૉ 6*తཁૉ ͦͷଞͷཁૉ͋Δ
͜ͷ··͡Ό·͍ͣͱࢥͬͨ ϢʔβʔΠϯλϏϡʔߦ͏ঝೝ͕ԼΓͳ͍ 6TFS*OUFSWJFX
։ൃνʔϜͷϦʔμʔʹ૬ஊ ϢʔβʔΠϯλϏϡʔΛ͢Δ͜ͱͰಘΒΕΔͰ͋Ζ͏ ใͷ׆༻ํ๏ͳͲΛ·ͱΊͨҊΛఏग़ ϢʔβʔΠϯλϏϡʔߦ͏ঝೝ͕ԼΓͳ͍ 6TFS*OUFSWJFX
ͦͷޙɺԿ͔͠߹͍Λߦͬͨ݁Ռ ϢʔβʔΠϯλϏϡʔߦ͏ঝೝ͕ԼΓͳ͍ 6TFS*OUFSWJFX
ʮϢʔβʔΠϯλϏϡʔΛ͍ͨ͠ʯͱ Λ্͔͛ͯΒϲ݄ޙ ͬͱঝೝΛΒ͏͜ͱ͕Ͱ͖·ͨ͠ ϢʔβʔΠϯλϏϡʔߦ͏ঝೝ͕ԼΓͳ͍ 6TFS*OUFSWJFX
σβΠφʔνʔϜͰ زͱͳ͘͠߹͍Λߦͬͨ ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ͢Δલʹ 6TFS*OUFSWJFX
ࣾͰͷ࿅श෩ܠ ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ͢Δલʹ 6TFS*OUFSWJFX
͜ͷஈ֊Ͱ#"4&ࣾͰ ҙ֎ͱࢹ͕ҧ͏͜ͱ͕Θ͔ͬͨ ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ͢Δલʹ 6TFS*OUFSWJFX
ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ 6TFS*OUFSWJFX ͜Ͳͷ༸Λ#"4&ͰΑ͘ߪೖ͞ΕͯΔํ
͓ؾʹೖΓϑΥϩʔͷ͍ํ͕ ࡞ͷҙਤͱҧ͏έʔε͕͋Δ ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ 6TFS*OUFSWJFX
ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ 6TFS*OUFSWJFX ཉ͍͠ͷϦετͷΑ͏ͳ ΘΕํΛ͢ΔͷͰͳ͍͔ ࡞ଆ ཉ͍͠ͷͱ͍͏ΑΓʮ͔Θ͍͍ʯ ͷΑ͏ͳؾܰͳ͍͍Ͷͷײ֮ Ϣʔβʔ
ͳ͔ͳ͔ྑ͍ʹग़ձ͑ͳ͍ ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ 6TFS*OUFSWJFX
ϢʔβʔΠϯλϏϡʔΛ࣮ࢪ 6TFS*OUFSWJFX ҎલͷσβΠϯτοϓϖʔδͰ ͕ΤϯυϨεͰฒΜͰ͍ͨɻ μϥμϥྲྀͯ͠͠·͍͍ͬͯʹ ग़ձ͑ͳ͍ Ϣʔβʔ
τοϓϖʔδͰ͓͢͢ΊͷγϣοϓΛհ 3FOFXBM
τοϓϖʔδͰ͓͢͢ΊͷγϣοϓΛհ 3FOFXBM ৄ͘͠ΞϓϦΛ μϯϩʔυͯ͠Έ͍ͯͩ͘͞ʂ
จࣈى͜͠Λ͔ͬ͠Γͱ 1PJOU ϢʔβʔΠϯλϏϡʔΛߦͬͯ 6TFS*OUFSWJFX
จࣈى͜͠Λ͔ͬ͠Γͱ ࡱӨͨ͠खݩͷಈըΛԿݟͯ͠खͷಈ͖ͱ ભҠΛه 1PJOU 1PJOU ϢʔβʔΠϯλϏϡʔΛߦͬͯ 6TFS*OUFSWJFX
͜Ε͔ΒͬͱࣄྫΛ૿ͯ͠ ΞϓϦͷվળʹཱ͍ͨͤͨ ϢʔβʔΠϯλϏϡʔΛߦͬͯ 6TFS*OUFSWJFX
ΰʔϧ ϢʔβʔϑΝʔετͳ ϓϩμΫτ࡞͕Ͱ͖ΔจԽΛ࡞Δ
·ͩಓ ΞϓϦϦχϡʔΞϧ͔ͨ͠Γ ·్ͩத 6TFS'JSTU
จԽͱͯͨ͠ΓલʹͳΔΑ͏ʹ ࢼߦࡨޡ͠ͳ͕ΒਐΊ͍͖ͯ·͢ ·్ͩத 6TFS'JSTU
ΞϓϦνʔϜͰࢦ͍ͯ͠Δ͜ͱʜ ࠷ޙʹ (0"-
#"4&ͷΞϓϦΛ ຊҰͷߪೖମݧ͕Ͱ͖Δ ΞϓϦʹ͢Δ͜ͱ ࠷ޙʹ (0"-
࠷ޙʹ͓ଋͷٻਓใ 8BOUFE
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ