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
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
190
sachi_y_portfolio
sachi337
0
460
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
410
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
200
harutaka Vision Deck
zenkigenforrecruit
0
180
線で考える画面構成
natsuume
1
900
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
270
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
360
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
2.9k
今日から意識できるアクセシビリティ
fumiko
0
280
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
2.9k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Visualization
eitanlees
146
16k
Adopting Sorbet at Scale
ufuk
77
9.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
332
22k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Gamification - CAS2011
davidbonilla
81
5.4k
Code Review Best Practice
trishagee
69
19k
Designing for humans not robots
tammielis
253
25k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ