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
570
ディープリンクの 設計と実装 - 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
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
160
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.6k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
570
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
210
decksh object reference
ajstarks
2
1.3k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
270
Correspondence:共に生成していく過程
akiramotomura
0
110
7 Core Values of Round-L
wired888
0
2.3k
maki setoguchi
maki_setoguchi
0
510
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
110
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
650
Featured
See All Featured
Site-Speed That Sticks
csswizardry
13
930
Practical Orchestrator
shlominoach
190
11k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
BBQ
matthewcrist
89
9.9k
How GitHub (no longer) Works
holman
315
140k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Thoughts on Productivity
jonyablonski
70
4.9k
Unsuck your backbone
ammeep
671
58k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Automating Front-end Workflow
addyosmani
1371
200k
Side Projects
sachag
455
43k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
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