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
デザイン思考の概要とAdobe XDの活用について
Search
YoujiSakai
April 18, 2019
Design
0
370
デザイン思考の概要とAdobe XDの活用について
2019.4.18 Design Thinking & Adobe XD Workshop
YoujiSakai
April 18, 2019
Tweet
Share
More Decks by YoujiSakai
See All by YoujiSakai
2020.11.12
youjisakai
0
370
20200720
youjisakai
0
290
研修用
youjisakai
3
160
2020.4.22
youjisakai
0
190
2020.4.22
youjisakai
0
160
2020.1.08
youjisakai
2
300
Project Aeroで実現する!グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
youjisakai
0
500
20191119
youjisakai
1
160
20190903-AM.pdf
youjisakai
0
290
Other Decks in Design
See All in Design
2026年、デザイナーはなにに賭ける?
0b1tk
0
420
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
960
The Spring Festival
jisun
0
130
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
1
430
Vibe Coding デザインシステム
poteboy
3
1.6k
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
670
Treasure_Hunting
solmetts
0
170
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
370
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
320
デザインを信じていますか
sekiguchiy
1
760
はじめての演奏会フライヤーデザイン
chorkaichan
1
200
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
2.8k
Featured
See All Featured
Applied NLP in the Age of Generative AI
inesmontani
PRO
3
2k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
1
210
Optimizing for Happiness
mojombo
379
70k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
330
How to Talk to Developers About Accessibility
jct
1
92
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
210
Measuring & Analyzing Core Web Vitals
bluesmoon
9
720
Building Applications with DynamoDB
mza
96
6.9k
GraphQLとの向き合い方2022年版
quramy
50
14k
Paper Plane (Part 1)
katiecoart
PRO
0
2.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
130
Transcript
Design Thinking Adobe XD Prototyping ߟ͑Λ͙͢Χλνʹ͢ΔϫʔΫγϣοϓ 2019.4.18 σβΠϯࢥߟ"EPCF9%%BZϫʔΫγϣοϓ ݄ʢʣʗձɿגࣜձࣾ5PPຊࣾ'5IF(BMMFSZ5PP
Adobe Community Evangelist Yuuji Sakai @commonstyle ڥ༞࢘ ΑΓɺ"*ʢਓೳʣຊ֨ಋೖͷͨΊͷτϥΠΞϧΛ։࢝͠ɺ"*γεςϜϩϘ ςΟΫεؔ࿈ͷ࣮ূ࣮ݧʹࢀՃɻχϡʔϥϧωοτϫʔΫΛͬͨػց༁ͱը૾ஔॲཧ ʢࣸਅը૾ͷΠϥετදݱͳͲʣΛத৺ʹখنͳςετΛ࣮ࢪ͍ͯ͠ΔɻΑΓɺ
"EPCF$PNNVOJUZ&WBOHFMJTUͱͯ͠ओʹ"EPCF4FOTFJʢ"*ʣ"EPCF9%ؔ࿈ͷ ΠϕϯτొஃɺߨԋͳͲΛߦͳ͍ͬͯΔɻ
ɿσβΠϯࢥߟߨ࠲ ɿ"EPCF9%ϋϯζΦϯߨश ɿன৯ ɿΞʔτ࡞੍࡞Λ׆༻ͨ͠ ɹɹɹɹɹɹɹɹɹɹɹɹνʔϜϏϧσΟϯάͱΞΠσΞग़ ɿ"EPCF9%ΛͬͯϓϩτλΠϐϯά੍࡞ ɹɹɹɹɹɹɹɹʢνʔϜ࡞ۀʣ ɿνʔϜൃදˍߨධ Timetable
σβΠϯ %&4*(/
ʙલ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ લʙࠒ σβΠϯίϯαϧςΟϯάϑΝʔϜʹΑΔ ਓؒத৺σβΠϯʗΠϊϕʔγϣϯ ʮσβΠϯܦӦʯએݴʗσβΠϯਓࡐ ৫తͳΠϯϑϥͱͯ͠σβΠϯͷΈ
"EPCF4VNNJU5IF%JHJUBM&YQFSJFODF$POGFSFODF .BSDI -BT7FHBT
"EPCF4VNNJU5IF%JHJUBM&YQFSJFODF$POGFSFODF .BSDI -BT7FHBT IUUQTTVNNJUBEPCFDPNOB
None
ԯສυϧʢ ԯԁʣ ԯສυϧʢԯԁʣ ϚϧέτˍϚδΣϯτ
ԯສυϧʢ ԯԁʣ ԯສυϧʢԯԁʣ ԯυϧʢஹԯԁʣ ϚϧέτˍϚδΣϯτ
ԯສυϧʢ ԯԁʣ ԯສυϧʢԯԁʣ ԯυϧʢஹԯԁʣ ԯ ສਓ ΤΫεϖϦΤϯγϟϧɾϓϥΠόγʔ ϚϧέτˍϚδΣϯτ ϫϯτϥετ
ʹ8FCղੳͷΦϜχνϡΞΛങऩ ʹ"EPCF.BSLFUJOH$MPVE ɹɹˣ Ҏ߱ɺΤΫεϖϦΤϯεΛςʔϚʹܝ͛Δ ɺ"EPCF&YQFSJFODF$MPVEʹ໊শมߋ
ʹ8FCղੳͷΦϜχνϡΞΛങऩ ʹ"EPCF.BSLFUJOH$MPVE ɹɹˣ Ҏ߱ɺΤΫεϖϦΤϯεΛςʔϚʹܝ͛Δ ɺ"EPCF&YQFSJFODF$MPVEʹ໊শมߋ ɺδχʔɾϩϝοςΟ͕*#.ͷ$&0ʹ ब͠ɺσβΠϯܦӦΛਪਐɺ*#.%FTJHOΛઃஔ
None
͔ΒσβΠϯΛॏࢹ͖ͯͨ͠ ɺ$&0ʹबͨ͠ τʔϚεɾϫτιϯɾδϡχΞ σβΠϯΛॏཁͳܦӦࢿݯͱͯ͠ ͱΒ͍͑ͯͨ τʔϚεɾ+ɾϫτιϯ 8JLJQFEJB IUUQCJUMZ6&:75N
ώτʢਓࡐʣϞϊʢతࢿݯʣΧωʢࡒʣใɺσβΠϯ σβΠϯΛܦӦࢿݯͱͯ͠ͱΒ͑Δ ଐਓతͰͳ͍αεςΟφϒϧͳʢ࣋ଓՄೳͳʣ ػೳͱͯ͠ͷσβΠϯ
ͯ͢ͷاۀʹͱͬͯ࠷ॏཁͳͷ ΧελϚʔΤΫεϖϦΤϯεͰ͋Δ ʮσʔλͱ"*ͷ࣌ʯʹ͚ͨ*#.ͷઓུɺϩϝοςΟ$&0͕ޠΔ IUUQTBTDJJKQFMFN ࠓ΄ͲมԽͷ͍͔࣌ͭͯͳ͍ɻ ҎલҰͭͣͭॱ൪ʹมԽ͕ى͜ΔΑ͏ʹ ࢥ͕͑ͨɺࠓͰ͞·͟·ͳมԽ͕Ұ੪ʹ ى͍ͬͯ͜Δɻ ʢ(BSUOFS4ZNQPTJVN*5YQPʣ σΟεϥϓγϣϯ࣌ͷϦʔμʔγοϓʹ͍ͭͯɺ*#.ͷϩϝοςΟ$&0͕ޠͬͨ
IUUQTXXXBUNBSLJUDPKQBJUBSUJDMFTOFXTIUNM 2012 2018
δχʔɾϩϝοςΟʢʹ$&0ʹबʣ͕ σβΠϯܦӦΛਪਐɺಉɺ*#.%FTJHOͱ͍͏ ৫Λઃஔɻ θωϥϧɾϚωʔδϟʔʹ ϑΟϧɾΪϧόʔτ *#.ͷσβΠϯࢥߟͷಓࢣɺϑΟϧɾΪϧόʔτࢯຊͰԿΛޠΔ͔ IUUQTCJ[[JOFKQBSUJDMFEFUBJM
δχʔɾϩϝοςΟʢʹ$&0ʹबʣ͕ σβΠϯܦӦΛਪਐɺಉɺ*#.%FTJHOͱ͍͏ ৫Λઃஔɻ θωϥϧɾϚωʔδϟʔʹ ϑΟϧɾΪϧόʔτ *#.ͷσβΠϯࢥߟͷಓࢣɺϑΟϧɾΪϧόʔτࢯຊͰԿΛޠΔ͔ IUUQTCJ[[JOFKQBSUJDMFEFUBJM σβΠϯͱσβΠϯࢥߟͷΧϧνϟʔΛ *#.ʹਁಁͤ͞Δ Mission
͔ΒσβΠϯελδΦΛڌҎ্։ ઃɺσβΠφʔΛ૿һ͠ɺ ਓҎ্࠾༻ δχʔɾϩϝοςΟ͕ $&0बͨ͠ ਓͩͬͨ *#.4UVEJPBU5PLZP*#.4UVEJP5PLZPʢ*#.εςϡʔσΟΦʣ IUUQTXXXZPVUVCFDPNXBUDI WCR5,1X)W&Y:
μάɾύΤϧ͕σβΠφʔͱͯ͠ཧࣄʹब ʢ*#.Ͱॳʣ σβΠϯࢥߟ͕ͨΒ͢Ϗδωεมֵʂ มΘΓΏ͘σβΠφʔͷׂ IUUQTXXXJCNDPNUIJOLKQKBCVTJOFTTEFTJHOUIJOLJOH
*#.ͷΤάθΫςΟϒʢॏʣ͕ͨͪ ʮσβΠϯɾσΠʯͱݺͿσβΠϯࢥߟͷ ϫʔΫγϣοϓΛମݧ *#.$MJFOU$FOUFS;VSJDI *#.%FTJHO5IJOLJOH8PSLTIPQT IUUQTXXXZPVUVCFDPNXBUDI W@UD,/F6&*
ݸਓ νʔϜ Ϛωδϝϯτ ධՁ੍ม͍͑ͯ͘ σβΠϯࢥߟΛಋೖɾ࣮ફ͍ͯͨ͘͠Ίʹඞཁͳ͜ͱ
σβΠφʔϢʔβʔʹڞײ͢Δ͜ͱͰϢʔβʔΛ ཧղ͠·͢ɻϢʔβʔͷཱʹཱͬͯߟ͑ΔͷͰ͢ɻ Ϣʔβʔͷཱʹཱͬͯߟ͑Δͱ͍͏ σβΠϯͷجຊݪଇɺϦʔμʔγοϓʹؔͯ͠ ۃΊͯ༗ޮͰ͢ɻ σβΠϯܦӦϨϕϧͰͷ͕ٞඞཁɻͦͷཧ༝ͱʁ IUUQTBEPCFMZ,-XLB*
σβΠϯܦӦͷඞཁ݅ ɾܦӦνʔϜʹσβΠϯͷ ɹऀʢσβΠϯΦϑΟαʔʣ͕͍Δ ɹ$%0νʔϑσβΠϯΦϑΟαʔ ɾࣄۀઓུߏஙͷ࠷্ྲྀ͔ΒσβΠϯͷνʔϜ͕ ɹؔ༩͍ͯ͠Δ
σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG
None
ʮιχʔͷؒҧ͍Ͷ͐ʔΜͩɺ ߴͯ͘͠ΐʔ͕Ͷ͐ʔങ͏Μͩʯ ͜ΕΈͳ͞ΜํͷྗͰ ੈքதʹ·͖ࢄΒͨ͠ҰͭͷύϥμΠϜ Ҫਂେࢯ͕ ਓͷશװ෦ͷલͰͨ͠ө૾͔Β ʢ͍Ϳ͔·͞Δʣ ιχʔۀऀɾҪਂେ͕ਓͷװ෦ʹൃͨ͠ ύϥμΠϜγϑτͱ͍͏Ҩݴ IUUQTOFXTXJUDIKQQ
χϡʔεΠονɹ݄
มֵ͢Δ͜ͱ͕ࠔͳاۀ
ɾ৽͍͠৫Λઃཱ͠ɺσβΠϯܦӦΛ ɹ࣮ફͤ͞Δ
ɾ৽৫ͷܦݧΛ ɹຊࣾʹϑΟʔυόοΫɺຊࣾͷࣾһΛ ɹग़ͤͨ͞Γɺ৽৫ͷϝϯόʔΛ ɹݺͿͳͲɺશࣾʹਁಁͤ͞Δج൫Λ ɹߏங͍ͯ͘͠
ɾ৽͍͠৫Λઃཱ͠ɺσβΠϯܦӦΛ ɹ࣮ફͤ͞Δ ɾ৽৫ͷܦݧΛ ɹຊࣾʹϑΟʔυόοΫɺຊࣾͷࣾһΛ ɹग़ͤͨ͞Γɺ৽৫ͷϝϯόʔΛ ɹݺͿͳͲɺશࣾʹਁಁͤ͞Δج൫Λ ɹߏங͍ͯ͘͠
Design Thinking Timeline σβΠϯࢥߟʗΞδϟΠϧʗϦʔϯʗύλʔϯϥϯήʔδ
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
σβΠϯ %&4*(/
*#.ͷσβΠϯࢥߟ ཧղ 6OEFSTUBOE ɾ୳ڀ &YQMPSF ɾϓϩτλΠϓ 1SPUPUZQF ɾධՁ &WBMVBUF ࢀߟɿ
ʲಛूɿΠϯλϏϡʔʳʮΫϥυͱσβΠϯࢥߟʯ ຊاۀʹΠϊϕʔγϣϯͷૉཆ͕͋Δ ʙ*#.σβΠϯɾγϯΩϯάʙʢޙฤʣ IUUQTXXXOJDQBSUOFSTDPKQSFQPSU
*#.ͷσβΠϯࢥߟ ཧղ 6OEFSTUBOE ɾ୳ڀ &YQMPSF ɾϓϩτλΠϓ 1SPUPUZQF ɾධՁ &WBMVBUF چ
ࢀߟɿ ʲಛूɿΠϯλϏϡʔʳʮΫϥυͱσβΠϯࢥߟʯ ຊاۀʹΠϊϕʔγϣϯͷૉཆ͕͋Δ ʙ*#.σβΠϯɾγϯΩϯάʙʢޙฤʣ IUUQTXXXOJDQBSUOFSTDPKQSFQPSU
*#.ͷσβΠϯࢥߟ ؍ 0CTFSWF ɾक़ߟ 3FqFDU ɾ࡞ .BLF ࢀߟɿ ʲಛूɿΠϯλϏϡʔʳʮΫϥυͱσβΠϯࢥߟʯ ຊاۀʹΠϊϕʔγϣϯͷૉཆ͕͋Δ
ʙ*#.σβΠϯɾγϯΩϯάʙʢޙฤʣ IUUQTXXXOJDQBSUOFSTDPKQSFQPSU
*#.ͷσβΠϯࢥߟ ؍ 0CTFSWF ɾक़ߟ 3FqFDU ɾ࡞ .BLF ࢀߟɿ ʲಛूɿΠϯλϏϡʔʳʮΫϥυͱσβΠϯࢥߟʯ ຊاۀʹΠϊϕʔγϣϯͷૉཆ͕͋Δ
ʙ*#.σβΠϯɾγϯΩϯάʙʢޙฤʣ IUUQTXXXOJDQBSUOFSTDPKQSFQPSU
*#.ͷσβΠϯࢥߟ ؍ 0CTFSWF ˠक़ߟ 3FqFDU ˠ࡞ .BLF ࢀߟɿ ʲಛूɿΠϯλϏϡʔʳʮΫϥυͱσβΠϯࢥߟʯ ຊاۀʹΠϊϕʔγϣϯͷૉཆ͕͋Δ
ʙ*#.σβΠϯɾγϯΩϯάʙʢޙฤʣ IUUQTXXXOJDQBSUOFSTDPKQSFQPSU
*#.ͷσβΠϯࢥߟ ࡞ .BLF ˠक़ߟ 3FqFDU ࢀߟɿ ʲಛूɿΠϯλϏϡʔʳʮΫϥυͱσβΠϯࢥߟʯ ຊاۀʹΠϊϕʔγϣϯͷૉཆ͕͋Δ ʙ*#.σβΠϯɾγϯΩϯάʙʢޙฤʣ IUUQTXXXOJDQBSUOFSTDPKQSFQPSU
*#.ͷσβΠϯࢥߟ ؍ 0CTFSWF ɾक़ߟ 3FqFDU ɾ࡞ .BLF ΞδϟΠϧ ϦʔϯελʔτΞοϓ ࢀߟɿ
ʲಛूɿΠϯλϏϡʔʳʮΫϥυͱσβΠϯࢥߟʯ ຊاۀʹΠϊϕʔγϣϯͷૉཆ͕͋Δ ʙ*#.σβΠϯɾγϯΩϯάʙʢޙฤʣ IUUQTXXXOJDQBSUOFSTDPKQSFQPSU
σβΠφʔϢʔβʔʹڞײ͢Δ͜ͱͰϢʔβʔΛ ཧղ͠·͢ɻϢʔβʔͷཱʹཱͬͯߟ͑ΔͷͰ͢ɻ Ϣʔβʔͷཱʹཱͬͯߟ͑Δͱ͍͏ σβΠϯͷجຊݪଇɺϦʔμʔγοϓʹؔͯ͠ ۃΊͯ༗ޮͰ͢ɻ σβΠϯܦӦϨϕϧͰͷ͕ٞඞཁɻͦͷཧ༝ͱʁ IUUQTBEPCFMZ,-XLB*
3%ʢݚڀ։ൃʣˠԼྲྀʹσβΠϯ ΫϦΤΠςΟϒʹಛԽͨ͠ઐ৬ ˣ σβΠϯΛاۀܦӦͷ࠷্ྲྀʹϏϧτΠϯ ʢ࠷ॳ͔ΒΈࠐΉʣ ৫తͳΠϯϑϥͱͯ͠σβΠϯͷΈ ˣ ͷͮ͘ΓͷਐΊํ͕ΞδϟΠϧʹมԽ͍ͯ͘͠ ϓϩτλΠϐϯά
3%ʢݚڀ։ൃʣˠԼྲྀʹσβΠϯ ΫϦΤΠςΟϒʹಛԽͨ͠ઐ৬ ˣ σβΠϯΛاۀܦӦͷ࠷্ྲྀʹϏϧτΠϯ ʢ࠷ॳ͔ΒΈࠐΉʣ ৫తͳΠϯϑϥͱͯ͠σβΠϯͷΈ ˣ ͷͮ͘ΓͷਐΊํ͕ΞδϟΠϧʹมԽ͍ͯ͘͠ ϓϩτλΠϐϯά
XD The future of experience design.
Waterfall model
Minimum Viable Product ސ٬ʹՁΛఏڙͰ͖Δඞཁ࠷খݶͷ
None
ߟ͑Λ͙͢Χλνʹ͢Δ
࡞Γͳ͕Βߟ͑Δ ߟ͑ͳ͕Β࡞Δ
࡞Γͳ͕Βߟ͑Δ ߟ͑ͳ͕Β࡞Δ
࡞Γͳ͕Βߟ͑Δ ߟ͑ͳ͕Β࡞Δ ίϥϘϨʔγϣϯϫʔΫ ΫϥυͰϓϩτλΠϓͷڞಉ࡞ۀ
ɿσβΠϯࢥߟߨ࠲ ɿ"EPCF9%ϋϯζΦϯߨश ɿன৯ ɿΞʔτ࡞੍࡞Λ׆༻ͨ͠ ɹɹɹɹɹɹɹɹɹɹɹɹνʔϜϏϧσΟϯάͱΞΠσΞग़ ɿ"EPCF9%ΛͬͯϓϩτλΠϐϯά੍࡞ ɹɹɹɹɹɹɹɹʢνʔϜ࡞ۀʣ ɿνʔϜൃදˍߨධ Timetable
TwitterͰؔ࿈ใΛߘ͍ͯ͠·͢ !DPNNPOTUZMF IUUQEFTJHO[FSPUW
Design Thinking Adobe XD Prototyping ߟ͑Λ͙͢Χλνʹ͢ΔϫʔΫγϣοϓ 2019.4.18 σβΠϯࢥߟ"EPCF9%%BZϫʔΫγϣοϓ ݄ʢʣʗձɿגࣜձࣾ5PPຊࣾ'5IF(BMMFSZ5PP