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
200

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
88
Launchable Webinar テストを効率化して生産性を上げる方法
Avatar for ninjinkun ninjinkun
2
550
ディープリンクの
設計と実装 - 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
660
Elevationで影が思ったように出ないとき
Avatar for ninjinkun ninjinkun
4
12k

Other Decks in Design

See All in Design
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
700
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
Avatar for Shota Ikeyatsu ikeyatsu
2
1.8k
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
470
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
270
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
240
マンガで分かるサービスデザインガイドライン
Avatar for デジタルサービス局戦略部 senryakuka
1
890
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
510
sachi_y_portfolio
Avatar for Sachi sachi337
0
250
PF_濵村ひろみ_202503
Avatar for 濱村ひろみ maru_design78
0
170
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
320
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
240
20250129_DAST28_実空間にデジタル資源の接点をデザインする
Avatar for majimasachi majimasachi
0
410

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
92
6.1k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k

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