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
0
270

Designer's and Engineer's Thinking Styles

Avatar for ninjinkun

ninjinkun

August 03, 2023
Tweet

More Decks by ninjinkun

See All by ninjinkun
買収から2ヶ月でシステム統合した話
Avatar for ninjinkun ninjinkun
0
130
Launchable Webinar テストを効率化して生産性を上げる方法
Avatar for ninjinkun ninjinkun
2
580
ディープリンクの
設計と実装 - 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.2k
プロトタイピング合宿によるデザインリニューアル
Avatar for ninjinkun ninjinkun
1
3.1k
デザイナーが仕事をしやすいアプリエンジニアを考える
Avatar for ninjinkun ninjinkun
4
710
Elevationで影が思ったように出ないとき
Avatar for ninjinkun ninjinkun
4
12k

Other Decks in Design

See All in Design
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1.2k
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
960
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
2.8k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
280
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
670
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
900
デザインするために「多様性」について考える
Avatar for なつ iflection
0
190
第18回サイゼミ
Avatar for LW lw
1
3.3k
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
370
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
140
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
550
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k

Featured

See All Featured
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
66
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
It's Worth the Effort
Avatar for 3n 3n
188
29k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
760
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
380
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
250
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k

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