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
370
0
Share
デザイン思考の概要とAdobe XDの活用について
2019.4.18 Design Thinking & Adobe XD Workshop
YoujiSakai
April 18, 2019
More Decks by YoujiSakai
See All by YoujiSakai
2020.11.12
youjisakai
0
380
20200720
youjisakai
0
300
研修用
youjisakai
3
170
2020.4.22
youjisakai
0
200
2020.4.22
youjisakai
0
170
2020.1.08
youjisakai
2
300
Project Aeroで実現する!グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
youjisakai
0
510
20191119
youjisakai
1
160
20190903-AM.pdf
youjisakai
0
290
Other Decks in Design
See All in Design
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
4
240
decksh object reference
ajstarks
2
1.6k
The Art of Caring
klemens
0
340
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
630
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.3k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.9k
コンテンツ作成者の体験を設計する
chiilog
0
170
Tendências de UX Research 2026
videlvequio
0
110
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
550
Frontier
rwang05
0
140
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
420
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.3k
Featured
See All Featured
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
My Coaching Mixtape
mlcsv
0
140
Between Models and Reality
mayunak
4
310
Speed Design
sergeychernyshev
33
1.8k
Ethics towards AI in product and experience design
skipperchong
2
290
Optimising Largest Contentful Paint
csswizardry
37
3.7k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Mobile First: as difficult as doing things right
swwweet
225
10k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Mind Mapping
helmedeiros
PRO
1
210
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
300
Ruling the World: When Life Gets Gamed
codingconduct
0
240
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