Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
技術とデザインの間
takanorip
September 29, 2020
Design
0
1.4k
技術とデザインの間
takanorip
September 29, 2020
Tweet
Share
More Decks by takanorip
See All by takanorip
ソフトウェアエンジニアの教養を養う本
takanorip
1
14k
共創するためのデザイン批評
takanorip
7
3.2k
Figmaプラグイン 開発のすゝめ
takanorip
0
180
Headless Components Design
takanorip
0
43
10分で理解する HTML Modules
takanorip
1
420
Polymer Project 2020
takanorip
1
130
Color in Interface Experience
takanorip
1
92
ウェブフォント今昔物語
takanorip
5
3.6k
プロダクト開発とFigmaのより良い関係を求めて
takanorip
7
1.5k
Other Decks in Design
See All in Design
Carelyのダッシュボードで カラーユニバーサルデザイン設計を試みた話
shotakugawa_meijin
1
240
ZENKIGEN Designについて
yonekura907
0
780
Designing for trust: Applying Promise Theory to collaborate effectively with your remote teams
akiramotomura
0
430
The Triangle
wallabites
0
130
Детский парк Фили
zapoimu
0
570
Jen Blatz - Keep Cognitive Biases from Creeping into your UX Design and User Research
uxaustralia
PRO
0
110
Meep
vincentwu
PRO
1
280
Demon Deals Cast
breadman
0
220
Doll.pdf
yzhang0425
0
240
Driveline: Arizona (Storyboards)
8sided
PRO
0
170
Dear User, Let's Be Friends: Designing Friendly Interfaces - UX Lisbon 2022
scottkubie
0
250
Bec Purser - Are you consulting, collaborating, or co-designing? And why it matters.
uxaustralia
PRO
0
110
Featured
See All Featured
Statistics for Hackers
jakevdp
781
210k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
The Power of CSS Pseudo Elements
geoffreycrofte
47
3.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Code Review Best Practice
trishagee
43
9.3k
The Web Native Designer (August 2011)
paulrobertlloyd
74
1.9k
Robots, Beer and Maslow
schacon
152
7.1k
Music & Morning Musume
bryan
35
4.2k
How to train your dragon (web standard)
notwaldorf
58
3.9k
Thoughts on Productivity
jonyablonski
43
2.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.3k
The World Runs on Bad Software
bkeepers
PRO
57
5.3k
Transcript
ٕज़ͱσβΠϯͷؒ UI/UXデザイナーLT会 #uiuxdesignerslt Takanori Oki - 2020/09/29
ࣗݾհ
大木尊紀(オオキタカノリ/Takanori Oki) • インターネット上では@takanorip(Twitter: @takanoripe) • フロントエンドエンジニア、現ClassDo IncのUIデザイナー • Web
Platform Study Group(WPSG)のOrganizer • https://www.youtube.com/channel/UCfToJ- sTOqvBnnuVq3zdZhA • 好きなもの: Figma、フォント、VTuber
6*σβΠϯͷྺ࢙
ソフトウェア エンジニアのための UIデザイン概論 Zennにて好評発売中! https://zenn.dev/takanorip/ books/ c793924600a6009b43c2
UIの進化 • バッチインターフェース • パンチカードや紙テープでコンピュータを操作してた • Character User Interface •
キーボード入力+文字表示でコンピュータを操作 • Graphical User Interface • グラフィック+ポインティングデバイス or タッチ操作
UIデザインも 技術の進化に対応するために 変化してきた
UIデザインの進化 • Windows 95 • PCが広く普及するきっかけを作った親しみやすいデザイン • スキューモーフィズム • 現実世界のものを模倣することでわかりやすいデザインを目指した
• フラットデザイン • 様々なデバイスや状態に対応するため、シンプルになったデザイン
UIデザインの変遷は ただのトレンドではなく 技術や利用環境の変化によるもの
ΤϯδχΞͱσβΠφʔ
デザイナーとエンジニアの分業体制は 本来あるべき姿ではないのか?
職種名は採用のために生まれる、という話 • 採用するには「採用したい人のスキル」を定義する必要がある • 母数を増やすために、ここには「汎用的なスキル」が多く含まれる • そうすると、ある一定のスキルをもった架空の人物像ができあがる • それが「職種」「肩書」になる •
UIデザイナー • ウェブエンジニア
分業体制が生まれるということは 業界が成熟し流入資本が多くなった ということを示している
良し悪しは置いておいて、 産業が大きくなった以上分業化は 避けられない
分業体制におけるデザイナーに必要なもの • 「デザイン対象の理解、知識」 • 言い換えれば「材料、素材の知識」 • 紙の性質を知らなければ印刷物のデザインができないのと同じ • エンジニアからデザイナーになるのは、この点で有利だと思う •
しかし、プログラムが書けることが必須であると思ってない
プログラミング苦手なデザイナーへ • プログラムが書けなくても良い、でも触ってみる体験は必須 • アプリケーションが作れなくても、アプリケーションやブラウザなどの 仕組みを理解することが大事 • 仕組みがわからないデザイナーはどんどん必要とされなくなっていく • 工業デザイナーと同じマインドセットが必要になってきた
• エンジニア勉強会に参加してみる、入門書を読む、etc…
σβΠϯཧͱ ηϯεɾΦϒɾϫϯμʔ
UIデザインは論理的?
デザインには様々な原理原則がある • ゲシュタルト原則 • グリッドシステム • 認知心理学 • 行動経済学 •
人間中心設計 • etc…
しかし… • 完全に論理的ではない(当たり前だけど) • 感覚的な良さを排除することはできない • 理論:感覚 = 7:3 くらい?
• デザインの「感覚」が乏しい人でもある程度できるのがUIデザインの 良いところでもあり悪いところでもあるかも
UIのセンス・オブ・ワンダー • 何をユーザーに届けたいのか次第 • シンプルで使いやすいけど印象に残るUIデザインが重要 • どうやって鍛えたらいいの? • Dribble? •
良いアプリケーションに触れる? • 教えて!!!
͓ΘΓ