Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designer's and Engineer's Thinking Styles

Avatar for ninjinkun ninjinkun
August 03, 2023
Design
290
0

Designer's and Engineer's Thinking Styles

Avatar for ninjinkun

ninjinkun

August 03, 2023

More Decks by ninjinkun

See All by ninjinkun
買収から2ヶ月でシステム統合した話
Avatar for ninjinkun ninjinkun
0
160
Launchable Webinar テストを効率化して生産性を上げる方法
Avatar for ninjinkun ninjinkun
2
600
ディープリンクの
設計と実装 - iOSDC2017
Avatar for ninjinkun ninjinkun
18
10k
スマートフォンアプリ開発における共創的な開発チーム
Avatar for ninjinkun ninjinkun
61
19k
ReSwiftでアプリの状態管理 / Reactive Swift Meetup
Avatar for ninjinkun ninjinkun
9
17k
フリルのアプリ開発今昔物語
Avatar for ninjinkun ninjinkun
3
2.3k
プロトタイピング合宿によるデザインリニューアル
Avatar for ninjinkun ninjinkun
1
3.1k
デザイナーが仕事をしやすいアプリエンジニアを考える
Avatar for ninjinkun ninjinkun
4
730
Elevationで影が思ったように出ないとき
Avatar for ninjinkun ninjinkun
4
12k

Other Decks in Design

See All in Design
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
28k
hicard_credential_202601
Avatar for hicard hicard
0
220
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
280
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
350
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1.1k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
160
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
170
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
260
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
550
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
13k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
210

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
750
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
120
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
170
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
43k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
70
39k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
210
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
760
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
55k

Transcript

  1. Spectrum Tokyo Meetup #04 Designer’s and Engineer’s
 Thinking Styles @ninjinkun

  2. @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%

  3. A typical conflict on development 🙅 🙋 Can you change

    these button to separate colors? No, because they are the same component Designer Engineer

  4. 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

  5. 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 …

  6. We need both! • Designers + Bottom up: To reduce

    complexity • Engineers + Top down: To improve usability 🤝

  7. How? • Use Figma • Build your design system