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
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
3k
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
240
Diverse Design Team Deck
Avatar for Diverse diverse
0
620
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
790
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
390
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.4k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
290
Emmy's Artwork
Avatar for McKenna mcksmith
0
200
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
370
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
280

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
190
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
130
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
290
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
260
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
940
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
54

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