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
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
510
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
7 Core Values of Round-L
wired888
0
1.8k
portfolio.pdf
onof003
0
160
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.4k
What makes a great Director?
_limex_
0
220
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
250
harutaka Vision Deck
zenkigenforrecruit
0
220
佐藤千晶|ポートフォリオ
chimi_chia
0
150
Findyのプロデチームの 歩みとこれから
satty9556
0
270
Yumika Yamada Portfolio
yumii
0
1.6k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
96
6.2k
A better future with KSS
kneath
239
17k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Side Projects
sachag
455
43k
Done Done
chrislema
185
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
RailsConf 2023
tenderlove
30
1.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
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 ?