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
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
400
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
minpaku-community-scrum-patterns
norinity1103
1
430
「UXとUIの違い」v2
shirasu3
0
250
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
630
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
850
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
150
アクセシビリティに取り組むメリット
magi1125
2
260
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
850
Liquid GlassとApp Intents
touyou
0
370
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Being A Developer After 40
akosma
91
590k
Rails Girls Zürich Keynote
gr2m
95
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Mobile First: as difficult as doing things right
swwweet
224
10k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
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 ?