Initiating and Building Design Systems — Across Products, People and Process
Learn about what it takes to initiating and building a design system in your organization. What people will involve, how to improve the products, and how to set up a process to makes the design system for a long run
Benefits of Having Design Systems — When to Build Design Systems — People That You Need to Build Design Systems — Tools for Building Design System — Living Design Systems
that can be assembled together to build any number of applications or products. — Laura Van Doore (Head of Product Design @ Fathom) What is a Design System?
faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with. — Karri Saarinen (Ex Design Systems Lead @ Airbnb) What is a Design System?
visual language that synthesizes the principles of good design with the accessibility and innovation of technology that used across 100+ products. https://v2.designsystem.digital.gov/
onboard new hires to make them get up to speed on your organization’s design principles, methods, tools, and assets. What’s the benefit of Design System?
Why? We don’t have components Third Why? We didn’t define atomic design Fourth Why? The design handoff process is a mess Fifth Why? Our products are inconsistent from visual to experience Why we need a Design System?
the current documentation? • Do we need a design system? • Any suggestions? When should we start building a Design System? https://unsplash.com/photos/npxXWgQ33ZQ Ask questions with surveys
the pattern of how people working alone and as a team. Seek for advice too. When should we start building a Design System? https://unsplash.com/photos/lp1AKIUV3yo
Finding design guidelines • Searching previous designed screens (which might affect another designer’s time) Developer spend 1hr on development: • Rebuilding same component • Check code standard with peers (which might affect another developer’s time) • Getting reviews from designer Design System ROI: • Assume each designer and developer cost $100/hr • 1hr/day * 261 days * $100 * 2 ppl = $52,200/year Calculate metrics on how we save ⏱ & How to get buy in Design System?
a design library that contains all the design foundations and components How to build a Design System? https://dribbble.com/shots/5779721-Eggplore-UI-Styleguide-Freebie/attachments
Lingo 5. Dropbox Paper or Google Docs 6. Custom Website with CMS Tools for documentations How to build a Design System? https://www.invisionapp.com/design-system-manager
once and then left alone forever. Design System documentation should be a living and breathing document that evolves over time. How to build a Design System?
tutorial video and any idea you can think of to show people how to put those design system in use How to build a Design System? https://dribbble.com/shots/6160500-Card-Paginator-Component
informs the Design System. Team Model Hybrid Cyclical How to scale/maintain a Design System? https://articles.uie.com/the-salesforce-team-model-for-scaling-a-design-system/
with recognized authority from both design and engineering disciplines. System team How to scale/maintain a Design System? https://medium.com/eightshapes-llc/designing-a-systems-team-d22f27a2d81d
seek to understand each other’s context • Research before asking questions • Be open and honest • And more... Chat room for design system How to scale/maintain a Design System? https://unsplash.com/photos/OXkUz1Dp-4g
allow people across your organization contribute to the design system How to scale/maintain a Design System? https://medium.com/s/story/the-design-system-decision-tree-edba9abdb83b
design pass color contrast ratio? - Is your design consistent with the core library? - Does your design follow basic UX best practices? - Source files and screenshots How to scale/maintain a Design System?
the Design System? - What is one thing you would improve about the Design System? - On a scale of 1 (strongly disagree) to 5 (strongly agree), does the Design System improve your workflow? How to scale/maintain a Design System?