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
プロトタイプドリブンなデザインを実現する考え方と環境 / Prototype-dr...
Search
sagaraya
October 07, 2019
Design
5
16k
プロトタイプドリブンなデザインを実現する考え方と環境 / Prototype-driven design
実装含めたプロトタイピングをやっていくための考え方や環境について、UX Engineer Meetupで話しました。
sagaraya
October 07, 2019
Tweet
Share
More Decks by sagaraya
See All by sagaraya
入りやすい保育園マップ / Hoikuen-hairu
sagaraya
0
260
エンジニアリングを軸にデザインもやる、UXエンジニアという働き方(公開版)/ Work style as a UX engineer
sagaraya
0
2.7k
エンジニアが使うツールから未来のデザインツールを予想する / Forecast design tools from tools used by engineers
sagaraya
0
650
より良いUXを実現するための開発プロセスとは / Development process for better UX
sagaraya
10
49k
iOSでテーマ(着せ替え)機能を実装した時のTips
sagaraya
1
2.8k
Atomをもっと使いやすくする方法
sagaraya
5
2.8k
Other Decks in Design
See All in Design
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
4.1k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
680
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
550
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
150
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
490
portfolio.pdf
onof003
0
180
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
320
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
490
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.4k
佐藤千晶|ポートフォリオ
chimi_chia
0
160
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
How GitHub (no longer) Works
holman
315
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
What's in a price? How to price your products and services
michaelherold
246
12k
Code Review Best Practice
trishagee
72
19k
Thoughts on Productivity
jonyablonski
70
4.8k
Code Reviewing Like a Champion
maltzj
525
40k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Optimizing for Happiness
mojombo
379
70k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Transcript
ϓϩτλΠϓυϦϒϯͳσβΠϯ Λ࣮ݱ͢Δߟ͑ํͱڥ 2019/10/7 UX Engineer Meetup ॏా ܡ
ॏా ܡ Shigeta Keisei ϛΫγΟ → Goodpatch → Sen →
ΫοΫύου @sagaraya (Twitter/noteͳͲ) UXΤϯδχΞྺ2ʙ3
ϓϩτλΠϐϯάͯ͠·͔͢ʁ
ϞϊΛݟͳ͕Βͨ͠΄͏͕ੜ࢈ੑ͕ߴ͍ ૣ͘ϑΟʔυόοΫΛΒ͏ ݴ༿ʹͰ͖ͳ͍ͷΛΧλνʹ͠ͳ͕Βߟ͑Δ
࣮ࡍΔͷ͍͠ σβΠϯπʔϧͰͰ͖ͯɺ࣮ϨϕϧͰ Δͷ͞Βʹ͍͠
ͬͱίετͰݕূ͍ͨ͠ ՁͷΘ͔Βͳ͍ͷʹίετΛ ͔͚͍͍ͯͷ͔ ͤ·Δʒ
None
IUUQTUZQFKQFUGFBUVSF ʲUXΤϯδχΞΛࢦ͢ʹʁʳΫοΫύουͷUXΤϯδχΞ ʹฉ͍ͨɺಇ͖ํษڧ๏ - ΤϯδχΞtype | స৬type 20ͷϓϩτλΠϓͱݴޠԽͷ྆ྠͰΞϓϦΛϦ χϡʔΞϧ͠·ͨ͠ IUUQTOPUFNVTBHBSBZBOOBCDBBFG
͜Ε·ͰͰҰ൪ϓϩτλΠϐϯάͰ͖ͯΔ࣮ײ͕͋Δ
None
ͳͥͰ͖ͯΔͷ͔ʁ
1. ʮliving onʯΛॏࢹ͢Δ 2. ΤϯδχΞͱͯ͠ͷৗࣝΛࣺͯΔ 3. ճΓΛॆ࣮ͤͯ͞εϐʔυΞοϓ
ʮliving onʯΛॏࢹ͢Δ 1
$SFBUJWF4FMFDUJPO Q lࣗࣾͷ։ൃதʹɺͦͷΛ։ൃऀ͕ࣗͬͯධՁ͢Δख๏ Λɺ͜ͷۀքͰʮυοάϑʔσΟϯάʯͱ͍͏ɻ͜ͷ༻ޠݸਓతʹ ͋·Γ͖Ͱͳ͔ͬͨ͠ɺΞοϓϧతͳηϯεʹૌ͑ͳ͍ɻʢத ུʣΞοϓϧࣾͰʮυοάϑʔσΟϯάʯͱݺͿ߹͕͋ͬͨɺ ։ൃதͷΛৗੜ׆Ͱ࣮ͷΑ͏ʹ͏͜ͱΛࢦͯ͠ΑΓසൟʹ ΘΕͨͷɺʮMJWJOHPOʢΒ͢ʣʯͱ͍͏දݱͩͬͨɻz
ը໘
ը໘ ΞϓϦར༻தͷମݧ
ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δͷମݧ
ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖͷମݧ
ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖͷମݧ ຖͷମݧΛͱ͓ͯ͠ɺϢʔβʔ͕ͯ͠ ࣗͷײ֮ͰྉཧΛָ͠ΊΔΑ͏ʹͳΔ
ࢦ͢ͱ͜Ζ
ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖͷମݧ ϢʔβʔςετͰ ݕূͰ͖Δൣғ
ը໘ ΞϓϦར༻தͷମݧ ར༻લͷମݧ ར༻ޙͷମݧ ྉཧɾ৯ʹؔ͢Δͷମݧ ɾɾɾ ɾɾɾ ྉཧɾ৯ʹؔ͢Δຖͷମݧ ຊʹݕূ͍ͨ͠ൣғ
living on͢Δʢৗੜ׆ͷதͰ͏ʣ ʹ࣮͢Δ͔͠ͳ͍
ΤϯδχΞͱͯ͠ͷৗࣝ ΛࣺͯΔ 2
σβΠϯ ΤϯδχΞϦϯά ͍͢͞ ඒ͠͞ ՁΛఏڙͰ͖͍ͯΔ͔ ίϯηϓτ͕ΘΔ͔ อकੑ ҆ఆੑ ༷Λຬ͍ͨͯ͠Δ͔
σβΠϯ ΤϯδχΞϦϯά ͍͢͞ ඒ͠͞ ՁΛఏڙͰ͖͍ͯΔ͔ ίϯηϓτ͕ΘΔ͔ อकੑ ҆ఆੑ ༷Λຬ͍ͨͯ͠Δ͔ ϓϩτλΠϐϯάͰߟ͑Δ
ͷͬͪ͜
ϓϩτλΠϐϯάΤϯδχΞϦϯάΛ ͏σβΠϯߦҝ
ΤϯδχΞϦϯά อकੑ ҆ఆੑ ༷Λຬ͍ͨͯ͠Δ͔ ΤϯδχΞͱͯ͠ ͷৗࣝ
͖Ε͍ͳίʔυͰͳ͘εϐʔυΛ༏ઌ͢Δ ίʔυϨϏϡʔ͠ͳ͍ ΞʔΩςΫνϟڽΒͳ͍ εϐʔυ্͕ΔͳΒίʔυڞ௨Խ͢Δ͠ςετॻ͘
༷fix͢ΔͷͰͳ͍ ͋Δͷݱ࣌ͷϕετ ༷ܾ·ͬͯͳ͍͔Β࣮͠ͳ͍/(
ΈΜͳͰݟੵΒͳ͍ ظݶͰͳ͘ɺ࣭ʹϑΥʔΧε͢Δ ʢͱ͍͑ࣗͳΓʹ͍ͭ·ͰʹΔ͔ܾΊΔʣ ͋ͱͰΑΓྑ͍ͷΛࢥ͍͍ͭͯΧλνʹ ͍͢͠
ίʔυΛॻ͘͜ͱʹͩ͜ΘΒͳ͍ σβΠϯπʔϧͬͨ΄͏͕ૣ͘ࢼͤΔ߹͋Δ
ճΓΛॆ࣮ͤͯ͞ εϐʔυΞοϓ 3
None
αʔϏεͰͳ͘ ձࣾͷDesign System ৽نࣄۀͰ͑Δ
ίʔυԽ͞Ε͍ͯͯɺૣ͘ߴ͍࣭ͷͷΛͭ͘ΕΔ
ΫοΫύουͷ։ൃதͷΞϓϦΛμϯϩʔυͰ͖ΔαΠτ
None
ϥϕϧΛ͚ͭΕϚʔδ͠ͳͯࣾ͘৴Ͱ͖Δ ૣ͘৴ͯ͠ϑΟʔυόοΫΛΒ͑Δ ৄͪ͘͜͠Βˣ ಈ࡞֬ೝͷͨΊͷࣾΞϓϦ৴αʔϏεΛ৽ͨʹ࡞ͬͨJ04%$ IUUQTTQFBLFSEFDLDPNTMJHIUBJSJPTED
1. ʮliving onʯΛॏࢹ͢Δ 2. ΤϯδχΞͱͯ͠ͷৗࣝΛࣺͯΔ 3. ճΓΛॆ࣮ͤͯ͞εϐʔυΞοϓ ৗੜ׆Ͱ͏ͨΊʹϓϩτλΠϐϯά͢Δ ϓϩτλΠϐϯάΤϯδχΞϦϯάΛ͏σβΠϯߦҝ citrusʢձࣾͷσβΠϯγεςϜʣʗhanedaʢࣾ৴πʔϧʣ
͓·͚ ࠓ͞ͳ͔ͬͨ͜ͱ ࠙ձͰͯ͠Έ͍ͨ͜ͱ
• ߟ͑ํɾڥͰͳ͘εΩϧ໘ͷ • ΤϯδχΞͱͯ͠1ਓલʹ͍ͬͯ͘εΩϧ ʴ ྑ͍ײ͡ྗ • UXͱ͍͏ݴ༿ͷ൷ͱͦΕʹର͢Δճ • ϓϩτλΠϐϯά͢Δͱ͖ͱ͠ͳ͍ͱ͖ͷ͍͚
• ΫοΫύουͰͷUXΤϯδχΞͷಇ͖ํ • UXΤϯδχΞืूதͳͷͰɺڵຯ͍Δํ͍ͨΒ͓͠·͠ΐ͏ʂ