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
デザインに必要なヒアリング技術.pdf
Search
keita
June 23, 2019
Design
1
400
デザインに必要なヒアリング技術.pdf
keita
June 23, 2019
Tweet
Share
More Decks by keita
See All by keita
新田知事プレゼン資料.pdf
keita_yoshikawa
0
24
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
60
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
340
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
89
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
48
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
80
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
130
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
210
Other Decks in Design
See All in Design
CMS管理画面のアクセシビリティ
magi1125
8
2.4k
decksh object reference
ajstarks
2
1.3k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2.4k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
340
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
120
minpaku-community-scrum-patterns
norinity1103
1
230
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
140
Memory Man v3 (WIP)
storybychad
PRO
0
2.4k
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
110
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
Featured
See All Featured
Designing for Performance
lara
610
69k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Into the Great Unknown - MozCon
thekraken
40
2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Faster Mobile Websites
deanohume
309
31k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.8k
How to train your dragon (web standard)
notwaldorf
96
6.2k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Transcript
DERA-design 01 ϯ σ β Π ษ ڧ ձ ذ
͗ ෞ ; Ҋ ਤ E FTJHO ʰσβΠ ϯʹඞཁͳ ώΞϦϯάٕज़ʱ
DERA-design 02 σβΠ ϯͰ ࠷ॏཁͳఔ ώΞϦϯάͰ͢
DERA-design 03 ώΞ Ϧϯά ʢଧͪ߹Θͤʣ ʹɺ ʰࣾ֎ ʢΫϥΠΞϯ τʣ ʱ
ͱ ʰࣾ ʢ্࢘ ಉ྅֎ʣ ʱ ͷͭͷ߹͕͋Δ ώΞϦϯάͷछྨ
DERA-design 04 ώΞϦϯά ʢଧͪ߹Θͤʣ Ͱେͳ͜ͱ $"15&3
DERA-design 05 ˌώΞϦϯάతͳ࣌ؒ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 06 ώΞϦϯά ʢଧͪ߹Θͤʣ Λɺ ใڞ༗εέδ ϡʔϧௐ ͷ࣌ؒʹ͠ͳ͍ɻ ˌώΞϦϯάతͳ࣌ؒ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 07 σβΠφʔʹͱͬͯଧͪ߹Θ ͤɺ ͬͱతͳ࣌ؒ Ͱ͋Δ͖Ͱ͢ɻ ˌώΞϦϯάతͳ࣌ؒ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 08 ˌ Λίϯ τϩʔϧ͢Δ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 09 ͍͍ଧͪ߹Θ͕ͤͰ͖Δ͔ Ͳ͏͔ɺ ͷงғؾʹେ͖ ͘ࠨӈ͞ΕΔɻ ˌ Λίϯτϩʔϧ͢Δ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 10 ଧͪ߹Θͤͷத৺తͳਓ ʹͳΕΔΑ͏ʹྗΛ͢Δɻ ϑΝγϦςʔλʔʹͳΔɻ ˌ Λίϯτϩʔϧ͢Δ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 11 ˌ ࣗͷϓϨθϯςʔγ ϣϯ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 12 ଧͪ߹Θͤຖճਅউෛɺ ࣗࣗͷϓ Ϩθϯςʔγ ϣ ϯ ͩͱࢥͬͯΉɻ ˌ ࣗͷϓϨθϯςʔγ
ϣϯ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 13 ࣗͷධՁΛ͋͛Δ͜ͱ͕ σβΠϯͷΫΦϦςΟΛ͋ ͛Δ͜ͱʹͭͳ͕Δɻ ˌ ࣗͷϓϨθϯςʔγ ϣϯ $"15&3ώΞϦϯάͰେͳ͜ͱ
DERA-design 14 ώΞϦϯά ʢଧͪ߹Θͤʣ ͷٕज़ $"15&3
DERA-design 15 ˌ ४උप౸ʹ $"15&3ώΞϦϯάͷٕज़ ώΞϦϯά ʢଧͪ߹Θͤʣ ͷલʹ૬ख ͷใͰ͖Δ͚ͩूΊΔɻ ڵຯ
Λ࣋ͬͯௐͯɺରΛ͖ʹ ͳ͓ͬͯ͘ͷ͕ϕετɻ ඞཁͳࢿ ྉप౸ʹ༻ҙ͓ͯ͘͠ɻ
DERA-design 16 ˌ ࡉ෦·ͰؾΛ͏ $"15&3ώΞϦϯάͷٕज़ ༻ҙ͢Δࢿྉݟӫ͑Α͘͢Δɻ ࢿྉ͏ॱ൪ͷ௨Γʹཧ͢Δɻ صͷ্ʹग़͓ͯ͘͠ͷʁ໊ ͷஔ͖ॴʁࡉ෦ʹ·Ͱͩ͜Θ Γ·͠ΐ͏ɻ
DERA-design 17 ˌ ݟͨॏཁ $"15&3ώΞϦϯάͷٕज़ ܕͳͲݟͨͷҹେ Ͱ͢ɻ ͔͠͠εʔπΛணΕ͍ ͍ͱ͍͏ͷͰ͋Γ·ͤΜɻ ͦ
ͷͷҙຯɺࣗͷϙδγϣϯ ͳͲͰ࠷దʹɻ
DERA-design 18 ˌ ఆ ɾ γϛϡϨʔγ ϣϯ͢Δ $"15&3ώΞϦϯάͷٕज़ ࣄલʹγϛϡϨʔγϣϯΛ͠·͢ɻ ͲͷΑ͏ͳٞͰɺͲͷΑ͏ͳ͜
ͱΛܾΊͳ͚Ε͍͚ͳ͍ͷ͔ʁ ͳͲɺఆ۩ମతͰ͋Ε͋Δ ΄Ͳ͍͍ɻ
DERA-design 19 ˌ తΛఆΊ͓ͯ͘ $"15&3ώΞϦϯάͷٕज़ ͦͷଧͪ߹ΘͤͷΰʔϧΛఆΊͯ ͓͘͜ͱ͕ॏཁɻ త͕ͳ͍ଧͪ ߹Θͤɺ ਅ͕ࣦ͞ΘΕ·͢ɻ
࣌ؒ͘ͳΓҙຯͷͳ͍ଧͪ߹ Θͤʹͳͬͯ͠·͍·͢ɻ
DERA-design 20 ˌ ͨͩ͠ఆ௨Γʹ͍͔ͳ͍ $"15&3ώΞϦϯάͷٕज़ γϛϡϨʔγϣϯ௨ΓʹਐΉ͜ͱ ͷํ͕গͳ͍Ͱ͢ɻ ෴Δ͜ͱΛલ ఏʹͯ͠ଧͪ߹ΘͤʹΉɻ ྟػ
Ԡมʹߟ͑ΒΕΔΑ͏ʹ͢Δɻ
DERA-design 21 ˌ ࠷ॳʹฉ͘ͷ ʰڧΈʱ $"15&3ώΞϦϯάͷٕज़ ʰڧΈʱσβΠϯ੍࡞ͰҰ൪େ͖ ͳςʔϚʹͳΓ·͢ɻ ͔͠͠ɺࣗࣾ ͷ
ʰڧΈʱ Λ໌֬ʹઆ໌Ͱ͖ Δ୲ऀগͳ͍Ͱ͢ɻ ͦΕΛฉ ͖ग़͢ͷ͕ॏཁͰ͢ɻ
DERA-design 22 ˌ ετʔϦʔΛ࡞Δ $"15&3ώΞϦϯάͷٕज़ ʰڧΈʱ͚ͩͰɺ͞ΔσβΠϯ ʹͳΒͳ͍͜ͱ͕ଟ͍Ͱ͢ɻ ʰڧ ΈʱΛ͚͢ΔετʔϦʔΛ࡞ Δඞཁ͕͋Γ·͢ɻ
ͦͷͨΊʹձ ࣾͷྺ࢙։ൃൿΛฉ͘ɻ
DERA-design 23 ˌ ࡉ͔͗͢Δ͜ͱ·Ͱฉ͘ $"15&3ώΞϦϯάͷٕज़ σβΠϯΛ࡞Δͱ͖ʹใଟ͍ ΄Ͳ͍͍Ͱ͢ɻ σβΠϯͷํੑ ΛܾΊΔͱ͖ɺࡉ෦Λ٧ΊΔͱ ͖ͳͲʹཱͪ·͢ɻ
DERA-design 24 ˌ ΠϝʔδΛڞ༗͢Δ͜ͱ͕ॏཁ $"15&3ώΞϦϯάͷٕज़ σβΠϯͳ͍ͷΛΓग़ͯ͠ ͍͘ͷͰɺΠϝʔδΛڞ༗͓ͯ͠ ͔ͳ͍ͱؒҧͬͨͷΛ࡞Δ͜ͱ ʹͳΓ·͢ɻ ͍͠߹ࣅͨྫΛ
ෳ͋͛ͯతΛߜ͍͖ͬͯ·͢ɻ
DERA-design 25 ˌ ͍͠ݴ༿ ʢ༻ޠʣ Θͳ͍ $"15&3ώΞϦϯάͷٕज़ σβΠφʔΤϯδχΞઐ༻ ޠΛ͍͕ͪͰ͢ɻ ୭ʹͰΘ͔
Δݴ༿Ͱઆ໌͠·͠ΐ͏ɻ ૬खʹ Ͱ͖Δ͚ͩ؆୯ͳݴ༿Ͱઆ໌͠ ͯΒ͏Α͏ʹ͠·͠ΐ͏ɻ
DERA-design 26 ˌ ϊʔτ1$Ͱௐͳ͕Β $"15&3ώΞϦϯάͷٕज़ Ͳ͏ͯ͠ฉ͖ͮΒ͍༻ޠͳͲ ϊʔτ1$ͰϝϞΛऔΔ;ΓΛ͠ͳ ͕Βɺ Θ͔Βͳ͍༻ޠΛௐ·͢ɻ
DERA-design 27 ˌ ͍͍ΞΠσΟ Ξ͕Ͱͳ͍ͳΒͰউෛ $"15&3ώΞϦϯάͷٕज़ ͍͍ΞΠσΟΞ͕Ͱͳ͍͜ͱɺ ͪΖΜ͋Γ·͢ɻ ͦΜͳ࣌ͳ Δ͘ଟ͘ͷΞΠσΟΞΛݴͬͯ
Έ·͢ɻ ͢͜ͱͰ͍͍ΞΠσΟ Ξ͕ු͔Ϳ͜ͱɻ
DERA-design 28 ˌ ͋͑ͯͪΌͿฦ͠ $"15&3ώΞϦϯάͷٕज़ ͕ٞࣽ٧·ͬͨ߹ɺ͋͑ͯ ͪΌͿฦ͠Λ͢ΔҙݟΛݴͬͯ ΈΔ͜ͱɻ ҰาҾ͍ͯɺͦͦ Λߟ͑ͯΈΔ͜ͱͰ৽ͨͳࢹͰ
ݟΔ͜ͱ͕Ͱ͖·͢ɻ
DERA-design 29 ˌ ૬खͷཉ͍ͯ͠Δͷʁ $"15&3ώΞϦϯάͷٕज़ ΫϥΠΞϯτ͝ͱʹٻΊ͍ͯΔ͜ ͱ͕ҧ͍·͢ɻ ͦͷ෦ʹΞϐʔ ϧ͢Δ͜ͱ͕Ͱ͖ΔͱɺධՁΛಘ ͍͢ɻ
͍͠Ͱ͕͢ݟۃΊΒΕ ΔΑ͏ʹͳΔͱඇৗʹָͰ͢ɻ
DERA-design 30 ˌ ৴པ͞ΕΕ࠷ڧ $"15&3ώΞϦϯάͷٕज़ σβΠφʔͱͯ͠Ұ൪͍͍ͷࣗ ͷҊ͕શͯ௨Δ͜ͱͰ͢ɻ Ϋϥ ΠΞϯτͷ৴པΛಘͯʮશ͓ͯ ͍ͤͨ͠·͢ʯͱ͍͏ϙδγϣϯ
ʹͳΕΕ࠷ڧͰ͢ɻ
DERA-design 31 ώΞϦϯά ʢଧͪ߹Θͤʣ ٕज़Λຏ͘ $"15&3
DERA-design 32 ˌ ࣝࣗΛॿ͚Δ $"15&3ώΞϦϯάͷٕज़Λຏ͘ ࠒ͔ΒσβΠϯʹؔΘΒ͍ͣΖ ͍Ζͳ͜ͱʹ͓ͬͯ͘ͱɺ༷ʑ ͳ໘Ͱॿ͔Δ͜ͱ͕͋Γ·͢ɻ ಛʹݴ༿ʹؔͯ͠ɺਓฒΈҎ্ ʹؔ৺Λ͍࣋ͬͯ͘͜ͱ͕ॏཁɻ
DERA-design 33 ˌ ਓલͰ͢࿅श͢Δ $"15&3ώΞϦϯάͷٕज़Λຏ͘ ਓલͰ͢ͷʮश͏ΑΓ׳ΕΖʯ ܦݧ͕ͷΛ͍͏εΩϧͰ͢ɻ ଧͪ߹ΘͤͰɺॳର໘ͷਓͱ ͢ͷɺ͍͖ͳΓͰ͍͠ͷ Ͱ͢ɻ
DERA-design 34 ˌ ϑΝγϦςʔλʔΛ͢Δ $"15&3ώΞϦϯάͷٕज़Λຏ͘ ϑΝγϦςʔλʔ͙͢ ʹͰ͖ΔͷͰ͋Γ· ͤΜɻ ࿅शͰ͖Δػձ͕͋ Εੵۃతʹͬͯܦݧ
Λ૿͍͖ͯ͠·͠ΐ͏ɻ
ݴ ༿ ਤ Ҋ ‑ DERA-design 35 ˌ σβΠϯͷҙຯΛݴޠԽ $"15&3ώΞϦϯάͷٕज़Λຏ͘
੍࡞ޙͷଧͪ߹ΘͤͰɺͰ͖͋ ͕ͬͨσβΠϯͷҙຯΛઆ໌Ͱ͖ ΔΑ͏ʹ͠·͠ΐ͏ɻ ΫϥΠΞϯτ ʹೲಘͯ͠Β͑ΔΑ͏ʹ४උΛ ͢Δ͜ͱେͰ͢ɻ
DERA-design 36 ˌ ͍ΖΜͳਓʹձ͏ $"15&3ώΞϦϯάͷٕज़Λຏ͘ ਓͱձ͏ܦݧ͕ଟ͍΄Ͳɺ૬खͷ ͜ͱΛݟൈ͘ਫ਼্͕͕Γ·͢ɻ ͍Ζ͍ΖͳछྨͷਓʹձͬͯΛ ͢Δ͜ͱͰɺॳର໘Ͱ͋Δఔ ͷ༧Λ͢Δ͜ͱ͕Ͱ͖·͢ɻ
DERA-design 37 ˌ पΓʹม͑ΒΕΔ͜ͱͳ͍͔ʁ $"15&3ώΞϦϯάͷٕज़Λຏ͘ ࡉ෦ʹ·ͰؾΛ͑ΔਓʹͳΔ͜ ͱͱ͍ͯ͜͠ͱͰ͢ɻ গ͠ ͰؾΛΕΔΑ͏ʹɺࣗͷप ΓʹվળͰ͖Δ͜ͱͳ͍͔Λߟ
͑ΔΑ͏ʹ͠·͢ɻ
DERA-design 38 ·ͱΊ
DERA-design 39 ˔ଧͪ߹Θ͕ͤΫΦϦςΟʹӨڹ͢Δ ˔ώΞϦϯάΛΫϦΤΠςΟϒͳ࣌ؒʹ͢Δ ˔ଧͪ߹Θ͔ͤΒࣄΛίϯτϩʔϧ͢Δ ˔ࡉ෦ʹͩ͜ΘΔͷ੍࡞ஈ֊͚ͩͰͳ͍ ·ͱΊ
DERA-design 40 ͝ਗ਼ௌ͍ͨͩ ͖ ͋Γ͕ͱ ͏ ͝ ͍͟· ͨ͠