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
250
エンジニアリングを軸にデザインもやる、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
Cyber Heart Online Book
hjnasby
0
150
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
790
sachi_y_portfolio
sachi337
0
410
AI動画生成ガチャ紹介
piyo7
1
150
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
580
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
370
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
5
710
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
portfolio_YumiYasuda
yum0418
0
300
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
330
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
390
Featured
See All Featured
Speed Design
sergeychernyshev
32
1k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Typedesign – Prime Four
hannesfritz
42
2.7k
Making Projects Easy
brettharned
116
6.3k
Six Lessons from altMBA
skipperchong
28
3.9k
BBQ
matthewcrist
89
9.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Git: the NoSQL Database
bkeepers
PRO
431
65k
Fireside Chat
paigeccino
37
3.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
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ΤϯδχΞืूதͳͷͰɺڵຯ͍Δํ͍ͨΒ͓͠·͠ΐ͏ʂ