Designer's and Engineer's Thinking Styles

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