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
Designer's and Engineer's Thinking Styles
Search
ninjinkun
August 03, 2023
Design
0
89
Designer's and Engineer's Thinking Styles
ninjinkun
August 03, 2023
Tweet
Share
More Decks by ninjinkun
See All by ninjinkun
Launchable Webinar テストを効率化して生産性を上げる方法
ninjinkun
2
490
ディープリンクの 設計と実装 - iOSDC2017
ninjinkun
18
9.6k
スマートフォンアプリ開発における共創的な開発チーム
ninjinkun
61
18k
ReSwiftでアプリの状態管理 / Reactive Swift Meetup
ninjinkun
9
16k
フリルのアプリ開発今昔物語
ninjinkun
3
2.1k
プロトタイピング合宿によるデザインリニューアル
ninjinkun
1
2.9k
デザイナーが仕事をしやすいアプリエンジニアを考える
ninjinkun
4
610
Elevationで影が思ったように出ないとき
ninjinkun
4
12k
Square Fragmentやめるってよ
ninjinkun
13
3.4k
Other Decks in Design
See All in Design
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
8
6.4k
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
320
Emil Storyboards (2024)
abbsant
0
130
WHAT ARE ME?
takuro_nakajima
PRO
0
1.8k
生成AIのデザイン活用
asakohs
1
200
他人事じゃないWebアクセシビリティ入門
arihiro17
0
370
B/43プラスカードができるまで
putchomsmartbank
1
630
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
200
User Experience Design für Entwickler
joergneumann
4
910
Information Architects: The Missing Link in Design Systems
soysaucechin
0
190
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
4.3k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
220
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Side Projects
sachag
451
42k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
How GitHub (no longer) Works
holman
305
140k
Faster Mobile Websites
deanohume
303
30k
Transcript
Spectrum Tokyo Meetup #04 Designer’s and Engineer’s Thinking Styles @ninjinkun
@ninjinkun • Senior Software Engineer at Launchable, Inc. • Enterprise
SaaS startup in the US • Frontend Engineering and UI Design • 75% Engineer, 25% UI Designer Designer 25% Engineer 75%
A typical conflict on development 🙅 🙋 Can you change
these button to separate colors? No, because they are the same component Designer Engineer
Designers: Top down thinking • Responsible for user experience •
Design starts with empathy for users • Focus: Managing users’ perceptions/ emotions/thoughts User’s life Button Web page User’s behavior … User’s goal
Engineers: Bottom up thinking • Responsible for building and maintenance
• Computer science is built on building blocks • Focus: Managing code/system complexity HTML/CSS/JS CPU Button OS Web Browser Compiler …
We need both! • Designers + Bottom up: To reduce
complexity • Engineers + Top down: To improve usability 🤝
How? • Use Figma • Build your design system