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
UIデザイナーって何考えてデザインしてるの?
Search
Ryu
August 22, 2020
Design
2
150
UIデザイナーって何考えてデザインしてるの?
副業先の非デザイナー向けに、UIやインタラクションをデザインをする時の考え方についてプレゼンした時の資料です。
※突っ込みどころはあると覚悟しているので、修正点などあればDMお待ちしています。
Ryu
August 22, 2020
Tweet
Share
More Decks by Ryu
See All by Ryu
自分の不安を受け入れるこころのデザイン
ryuuuuukun
0
1.3k
こころのかいふくやく【Designship Do 1期生 発表資料】
ryuuuuukun
0
160
エンジニアとのコミュニケーションを変えたら開発スピードが上がった話
ryuuuuukun
1
1.3k
デザイナーとして1年半活動して気づいたコト
ryuuuuukun
0
460
Other Decks in Design
See All in Design
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.4k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
310
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
400
Cyber Heart Online Book
hjnasby
0
180
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
550
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
730
CursorでAI活用のナレッジベースを構築する
kanzaki
0
680
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
820
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Bash Introduction
62gerente
615
210k
GraphQLとの向き合い方2022年版
quramy
49
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Facilitating Awesome Meetings
lara
55
6.5k
Practical Orchestrator
shlominoach
190
11k
Become a Pro
speakerdeck
PRO
29
5.5k
Six Lessons from altMBA
skipperchong
28
4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
930
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
Transcript
6*σβΠφʔͬͯԿߟ͑ͯ σβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ?
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠφʔ͕σβΠϯ͢Δରɺͨ͘͞Μ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σδλϧͷϢʔβʔମݧͰɺந͔Β۩ମ·Ͱ͞·͟· ந ۩ମ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σδλϧͷϢʔβʔମݧͰɺந͔Β۩ମ·Ͱ͞·͟· ந ۩ମ 6*σβΠϯͰ ͜ͷล
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σδλϧͷϢʔβʔମݧͰɺந͔Β۩ମ·Ͱ͞·͟· ந ۩ମ 6*σβΠϯͰ ͜ͷล ͜ͷล1.ͱܾΊΔ ʢ69ͷࠜװʣ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σδλϧͷϢʔβʔମݧͰɺந͔Β۩ମ·Ͱ͞·͟· ந ۩ମ ࠓճ͜͜ʹϑΥʔΧε
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯσβΠϯͬͯʁ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner *OUFSBDUJPO ΠϯλϥΫγϣϯͱӳޠͷʮJOUFSʢ૬ޓʹʣʯͱʮBDUJPOʢ࡞༻ʣʯΛ߹ͨ͠ͷɻ ͦͷجຊʮਓ͕ؒԿ͔ΞΫγϣϯ ૢ࡞ߦಈ Λͨ࣌͠ɺͦͷΞΫγϣϯ͕Ұํ௨ߦʹͳΒͣɺ ૬खଆͷγεςϜͳΓػث͕ͦͷΞΫγϣϯʹରԠͨ͠ϦΞΫγϣϯΛ͢Δʯͱ͍͏͜ͱ άάͬͯΈΔͱ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ͭ·Γʁʁ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯͱ Human System ૢ࡞ Ԡ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯͬͯԿʁ ਓ͕ؒػցʹରͯ͠ΞΫγϣϯͨ͠Β ͦΕʹରͯ͠ػց͕Ԡ͢Δ͜ͱ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯͱ Human System ૢ࡞ Ԡ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯͱ Human System ૢ࡞ ใΛදࣔ ใΛ ղऍ ૢ࡞Λ
ॲཧ ͏গ͠ৄ͘͠
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ʁ ͍ͭͰʹ 6*ͬͯͳʹʁ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner *OUFSBDUJPO ΠϯλϥΫγϣϯͱӳޠͷʮJOUFSʢ૬ޓʹʣʯͱʮBDUJPOʢ࡞༻ʣʯΛ߹ͨ͠ͷɻ ͦͷجຊʮਓ͕ؒԿ͔ΞΫγϣϯ ૢ࡞ߦಈ Λͨ࣌͠ɺͦͷΞΫγϣϯ͕Ұํ௨ߦʹͳΒͣɺ ૬खଆͷγεςϜͳΓػث͕ͦͷΞΫγϣϯʹରԠͨ͠ϦΞΫγϣϯΛ͢Δʯͱ͍͏͜ͱ άάͬͯΈΔͱ *OUFSGBDF
ΠϯλϑΣʔεɺͷ͝ͱͷڥքͱͳΔ෦ͱɺͦͷڥքͰͷϓϩτίϧΛࢦ͢ɻίϯϐϡʔλ ͳͲͰɺίϯϐϡʔλγεςϜɺ͋Δ͍γεςϜؒͷΠϯλϑΣʔεɺਓؒͱػցͷؒͷ ΠϯλϑΣʔεʢώϡʔϚϯϚγϯΠϯλϑΣʔεʣͳͲ͕͋Δɻ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ͭ·Γʁʁ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯͱ Human System ૢ࡞ ใΛදࣔ ใΛ ղऍ ૢ࡞Λ
ॲཧ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯͱ Human System ૢ࡞ ใΛදࣔ ใΛ ղऍ ૢ࡞Λ
ॲཧ ίϨ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner 6*ͬͯԿʁ ਓؒͱػցͷΠϯλϥΫγϣϯΛ հ͢ΔϞϊ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner 6*ͬͯԿʁ ਓؒͱػցͷΠϯλϥΫγϣϯΛ հ͢ΔϞϊ Α͘ͳ͍6*ɺେͷ߹ հ͕͏·͍ͬͯ͘ͳ͍
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner 6*͕͏·͍ͬͯ͘ͳ͍ͱ͖ʁ Human System ૢ࡞ ใΛදࣔ ใΛ ղऍ ૢ࡞Λ
ॲཧ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner 6*͕͏·͍ͬͯ͘ͳ͍ͱ͖ʁ Human System ૢ࡞ ใΛදࣔ ใΛ ղऍ ૢ࡞Λ
ॲཧ ใ͕ਖ਼͘͠ड͚औΕͳ͍
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ใ͕ਖ਼͘͠ड͚औΕͳ͍ྫ Τϥʔͷཧ༝Λ ཧղͰ͖ͳ͍ ޡೝͯ͠͠·͏ ͦͦ ड͚औΖ͏ͱࢥ͑ͳ͍
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner 6*͕͏·͍ͬͯ͘ͳ͍ͱ͖ʁ Human System ૢ࡞ ใΛදࣔ ใΛ ղऍ ૢ࡞Λ
ॲཧ దͳૢ࡞ΛىͰ͖ͳ͍
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner దͳૢ࡞ΛىͰ͖ͳ͍ྫ Ϙλϯʹݟ͑ͳ͍ ͺͬͱݟͰఆͰ͖Δ ૢ࡞ͱҟͳΔ ʢσΟεϓϨΠΛԡ͢Α͏ʹݟ͑Δʣ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner 6*σβΠφʔ͕ߟ͑ͯΔ͜ͱ ΠϯλϥΫγϣϯΛ્͢ΔϞϊΛ ͳΔ͘ͳ͘͢
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΠϯλϥΫγϣϯΛ ્ͯ͠Δͳɺͬͯࢥͬͨͱ͖ʹ Ͳ͏ͬͯͳ͍ͯ͘͘͠ͷʁ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner )PXUP ํ๏ͨ͘͞Μ σβΠϯେݪଇ ΞϑΥʔμϯε γάχϑΝΠΞ ࣗݾؼଐײ ࢹઢ༠ಋ ϓϩτλΠϐϯά
ϑΟʔυόοΫ ΦϒδΣΫτࢥߟ6*
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner )PXUP ࠓճ͜͜ʹϑΥʔΧε σβΠϯେݪଇ ΞϑΥʔμϯε γάχϑΝΠΞ ࣗݾؼଐײ ࢹઢ༠ಋ ϓϩτλΠϐϯά
ϑΟʔυόοΫ ΦϒδΣΫτࢥߟ6*
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇྻ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇྻ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇྻ ݟ͑ͳ͍ઢΛ࡞ͬͯ ࢹઢ༠ಋΛͳΊΒ͔ʹ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇۙ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇۙ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇۙ ใͷߏʹԊͬͯ ༨നΛίϯτϩʔϧ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇରൺ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇରൺ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇରൺ ཧղ͍͢͠ใߏΛ ࢹઢ༠ಋͰఏࣔ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇ෮
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇ෮
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner σβΠϯେݪଇ෮ ྨࣅใͷελΠϧΛ౷Ұͯ͠ ҰͰྨࣅใͱΘ͔ΔΑ͏ʹ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ΞϑΥʔμϯε Ϟϊ͕ߦҝΛ༠ൃ͢ΔɻʮʓʓͰ͖ͦ͏ʯײɻ Ҿ͚ͦ͏ʂ ԡͤͦ͏ʂ ճͤͦ͏ʂ ௫Ίͦ͏ʂ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner 5XJUUFSͷ6*Λੳͯ͠ΈΔ
σβΠφʔͬͯԿߟ͑ͯσβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ෮ ΞϑΥʔμϯε ෮ ରൺ ΞϑΥʔμϯε ྻ ෮
σβΠφʔͬͯԿߟ͑ͯ σβΠϯͯ͠Δͷʁ ΓΎʔcDesigner ?