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
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
790
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
480
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
290
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
520
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
140
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
470
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
670
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
270
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
130
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
540
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
720

Featured

See All Featured
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k

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