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
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
Installing and Running decksh/pdfdeck
ajstarks
1
860
7 Core Values of Round-L
wired888
0
2.1k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.7k
CursorでAI活用のナレッジベースを構築する
kanzaki
0
740
Liquid GlassとApp Intents
touyou
0
370
Yumika Yamada Portfolio
yumii
0
1.7k
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
decksh object reference
ajstarks
2
1.3k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
180
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
190
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Fireside Chat
paigeccino
40
3.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Done Done
chrislema
185
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Balancing Empowerment & Direction
lara
4
680
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
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 ?