Skip to main content

Design Engineering

The intersection between product engineering + product design.

What I mean product engineering is about building the best software, web, and mobile applications using the most effective and efficient practices. It involves every technical aspect of development, from writing clean, maintainable code to ensuring the product is scalable and performs well. Product engineers focus on creating robust, high-quality solutions that solve real problems, encompassing software engineering, web engineering, and mobile engineering. They follow industry best practices, optimize performance, and emphasize technical excellence, including code quality, testing, and continuous integration/deployment.

Then, what I mean product design is the art and science of creating a product that offers an exceptional user experience. It includes understanding user needs, designing intuitive interfaces, and ensuring the product is accessible and enjoyable to use. Even while focusing on engineering excellence, the user experience remains the north star. Product design covers user experience (UX), user interface (UI), usability, aesthetics, user-centered design, and accessibility, aiming to create a product that is easy to use, visually engaging, and meets user needs effectively.

Accessibility​

  1. Accessibility Principles
  2. Accessibility (React Native)
  3. Accessibility (Android)
  4. Accessibility (Apple)
  5. Universal Design Concept
  6. The A11y Project
  7. WCAG 2.1
  8. WAI-ARIA 1.2
  9. Facebook.com A11y
  10. Learn A11y by web.dev

Accessibility Tools​

  1. JSX A11y
  2. Color Contrast Ratio Thresholds

Reading​

  1. Engineering with Empathy

Talks on A11y​

  1. The intersection of accessibility and performanc

Micro Frontend Architecture​

Reading​

  1. Fragmented UI with Microfrontends by Flipkart

Talks​

  1. Micro Frontend Architecture by Luca Mezzalira

Performance​

Some concepts and experiences here: On performance notes

Reading​

Talks: Engineering​

  1. Bringing Excellent UX to the React Ecosystem via Strong Defaults
  2. Caches All the Way Down!
  3. Progressive Rendering: Improve Performance on Slower Networks
  4. Web Performance Trivia
  5. Adaptive Loading - Improving web performance on slow devices
  6. Fantastic Frontend Performance Tricks & Why We Do Them
  7. Betting on the web: Ensuring fine-tuned performance for dynamic web apps (Adobe)

Talks: Design​

  1. Essential Design Principles

Talks: Animation​

  1. Designing Fluid Interfaces
  2. Design dynamic Live Activities
  3. The Qualities of Great Design
  4. Essential Design Principles
  5. Iterative UI Design