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
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
150
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
170
What makes a great Director?
_limex_
0
130
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
410
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2k
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
160
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
650
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
420
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
freee + Product Design FY25Q4
freee
4
16k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
How STYLIGHT went responsive
nonsquared
100
5.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Embracing the Ebb and Flow
colly
87
4.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Building an army of robots
kneath
306
46k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
A designer walks into a library…
pauljervisheath
207
24k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
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 ?