coverThe DESIGN SYSTEMPPPof a@adekunleoduye

Adekunle Oduye

(Add-eh-koon-lay Oh-due-yay)

@adekunleoduye

Disclaimer

Could a design system save lives?
Not really...or not yet.

People

Producers

Consumers

Design System

Direct Users

End Users

Direct Users

  • Design
  • Engineer
  • Data Science
  • QA
  • Marketing
  • many more

Design for the primary,

Support the secondary,

Accommodate the rest.

Which experience is most important:

Developer's or Designer's?

  • Execute the UI

  • Execute the IxD

  • In-charge of performance and accessibility

A design system doesn’t exist until it’s in code

Quantitative Research

Quantitative Research - Survey

Qualitative Research

Qualitative Research - Discovery Interview
  • What are some of the major pain points the design process?

  • How can the design system make your job easier?

  • What are some of your future goals?

  1. Clear component documentation

  1. Seamless integration with application

  1. Communicate design system updates

  1. Test & validate components before release
"We realized that ultimately for our systems to succeed long-term, it needed to be thought of as everyone’s responsibility."
"I want to be at a point where front-end never has to write CSS to create new UI."
- Front-end Engineer Manager (who will remain anonymous)

Process

  • Predictable

  • Flexible

  • Frictionless

Component Audit

Project Roadmap

Guidelines

The process will be
rough at first

Small steps, Great distances

Component Structure

"The best CSS you write is the CSS you don’t write."

Compound Component

Compound component:
A React pattern where a collection of components share state

Despite how much control the other engineers have on the process, they need to feel like they have input, and feel heard.
- Una Kravets, Why Design Systems Fail

Product

Front-end Prototyping

Design the real experience

One master deliverable

Use real content and data

Move away from
pixel perfection

Understand the problems & goals of the people

Create a process that empowers the people

Have a product that brings value

Thanks!

adekunleoduye.com/talks/clarity-2018

Resources

  • Only One Deliverable Matters
    - Josh Clark
  • How & Why Prototypes Are Mandatory for Good Design
    - Jerry Cao
  • The Master Prototype
    - Atif Azam

@adekunleoduye | #clarity2018