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
200
Designer's and Engineer's Thinking Styles
ninjinkun
August 03, 2023
Tweet
Share
More Decks by ninjinkun
See All by ninjinkun
買収から2ヶ月でシステム統合した話
ninjinkun
0
93
Launchable Webinar テストを効率化して生産性を上げる方法
ninjinkun
2
550
ディープリンクの 設計と実装 - iOSDC2017
ninjinkun
18
10k
スマートフォンアプリ開発における共創的な開発チーム
ninjinkun
61
19k
ReSwiftでアプリの状態管理 / Reactive Swift Meetup
ninjinkun
9
17k
フリルのアプリ開発今昔物語
ninjinkun
3
2.2k
プロトタイピング合宿によるデザインリニューアル
ninjinkun
1
3.1k
デザイナーが仕事をしやすいアプリエンジニアを考える
ninjinkun
4
670
Elevationで影が思ったように出ないとき
ninjinkun
4
12k
Other Decks in Design
See All in Design
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
4
1.2k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
Bulletproof Design System with TypeScript
takanorip
6
3.6k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
100
How to get a Tiger to Tulsa
mcduckyart
0
110
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
170
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
640
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Rails Girls Zürich Keynote
gr2m
95
14k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Embracing the Ebb and Flow
colly
86
4.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
It's Worth the Effort
3n
185
28k
Git: the NoSQL Database
bkeepers
PRO
430
65k
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