Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

A typical conflict on development 🙅 🙋 Can you change these button to separate colors? No, because they are the same component Designer Engineer

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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 …

Slide 6

Slide 6 text

We need both! • Designers + Bottom up: To reduce complexity • Engineers + Top down: To improve usability 🤝

Slide 7

Slide 7 text

How? • Use Figma • Build your design system