Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
デザイン思考の概要と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
180
2020.4.22
youjisakai
0
200
2020.4.22
youjisakai
0
170
2020.1.08
youjisakai
2
310
Project Aeroで実現する!グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
youjisakai
0
520
20191119
youjisakai
1
170
20190903-AM.pdf
youjisakai
0
300
Other Decks in Design
See All in Design
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
5.9k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
200
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
1.2k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
270
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
890
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
650
言幹と言葉(Stems & Leaves)
kakukoki
0
220
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
240
PLATEAUで白い街を作る
aikautau
0
190
Starfall (2025)
rezaline
0
120
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4k
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
13
21k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Building the Perfect Custom Keyboard
takai
2
880
Practical Orchestrator
shlominoach
192
12k
Being A Developer After 40
akosma
91
590k
A Soul's Torment
seathinner
8
3.6k
The Spectacular Lies of Maps
axbom
PRO
1
1k
How to Think Like a Performance Engineer
csswizardry
28
2.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.1k
エンジニアに許された特別な時間の終わり
watany
109
250k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
Google's AI Overviews - The New Search
badams
0
1.6k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
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