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
230
Designer's and Engineer's Thinking Styles
ninjinkun
August 03, 2023
Tweet
Share
More Decks by ninjinkun
See All by ninjinkun
買収から2ヶ月でシステム統合した話
ninjinkun
0
110
Launchable Webinar テストを効率化して生産性を上げる方法
ninjinkun
2
560
ディープリンクの 設計と実装 - iOSDC2017
ninjinkun
18
10k
スマートフォンアプリ開発における共創的な開発チーム
ninjinkun
61
19k
ReSwiftでアプリの状態管理 / Reactive Swift Meetup
ninjinkun
9
17k
フリルのアプリ開発今昔物語
ninjinkun
3
2.2k
プロトタイピング合宿によるデザインリニューアル
ninjinkun
1
3.1k
デザイナーが仕事をしやすいアプリエンジニアを考える
ninjinkun
4
680
Elevationで影が思ったように出ないとき
ninjinkun
4
12k
Other Decks in Design
See All in Design
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
1
1.8k
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
210
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
750
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
140
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
170
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
520
Yumika Yamada Portfolio
yumii
0
2k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
portfolio.pdf
onof003
0
200
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
310
Featured
See All Featured
A Tale of Four Properties
chriscoyier
161
23k
Fireside Chat
paigeccino
40
3.7k
Scaling GitHub
holman
463
140k
BBQ
matthewcrist
89
9.8k
How to train your dragon (web standard)
notwaldorf
97
6.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Done Done
chrislema
185
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
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