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
360
20200720
youjisakai
0
290
研修用
youjisakai
3
160
2020.4.22
youjisakai
0
190
2020.4.22
youjisakai
0
150
2020.1.08
youjisakai
2
290
Project Aeroで実現する!グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
youjisakai
0
490
20191119
youjisakai
1
150
20190903-AM.pdf
youjisakai
0
280
Other Decks in Design
See All in Design
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
430
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
210
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
230
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
3k
DESIGNEAST 2025 A-3
_kotobuki_
0
110
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.5k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
4.6k
Correspondence:共に生成していく過程
akiramotomura
0
130
kintone Style Book
kintone
5
5.6k
高卒公務員から Webデザイナーになるまで
kinomidesign
0
130
CMS管理画面のアクセシビリティ
magi1125
8
2.6k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
730
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
24
1.6k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Code Review Best Practice
trishagee
72
19k
Writing Fast Ruby
sferik
630
62k
For a Future-Friendly Web
brad_frost
180
10k
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