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
380
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザイン思考の概要と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
310
Project Aeroで実現する!グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
youjisakai
0
510
20191119
youjisakai
1
170
20190903-AM.pdf
youjisakai
0
300
Other Decks in Design
See All in Design
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
290
root COMPANY DECK / We are hiring!
root_recruit
3
29k
Where Imagination Ends AI Begins
r5ni4
0
270
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
870
エンジニアがAI活用してスライドデザインできる世界が来たよ!
kaikou
1
350
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
710
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
160
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
180
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
500
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
380
2026-04-06 CMU School of Design "Vision-Driven Design"
ishii_mit
0
120
PAMPHLET.pdf
mhand01
0
1.2k
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.5k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.3k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
380
WCS-LA-2024
lcolladotor
0
780
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
Prompt Engineering for Job Search
mfonobong
0
390
A Soul's Torment
seathinner
6
3.1k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
750
Mobile First: as difficult as doing things right
swwweet
225
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