EQengineered: A look into Design systems
0 likes156 views
Large enterprises are increasingly prioritizing design to improve user experiences and create competitive advantages. However, enterprises often struggle with inconsistent user experiences, repetitive work, and gaps between design and development teams. A design system provides a blueprint to address these challenges by establishing foundations, brand guidelines, a library of reusable UI components and patterns, and code standards to promote consistent and efficient design and development across teams. When implemented successfully, a design system can save organizations time and money while improving user experiences through a shared design language.
EQengineered: A look into Design systems
- 2. 2 Design Systems Enterprise UX " is changing Startups like Gusto, Stripe, and Slack are setting the expectation that business products should be useful, usable, and satisfying. Even large organizations like IBM, GE, and Salesforce are positioning design as a competitive advantage and hiring thousands of designers to reshape processes and culture.
- 3. 3 Design Systems Enterprise Design Pain Points Legacy Technology Inconsistent user experience One-Offs & Band-aids Inconsistent branding Inefficient processes = repetitive " or wasted work Seeing value to take time out to do it Version control issues Knowledge gaps between design & development Many Designers & Developers
- 4. 4 Design Systems 59% UX Challenges " Enterprise Companies Top challenge as found in Enterprise UX: The state of the industry 2017/2018 by UXPin Top challenge in Enterprise UX is improving consistency
- 5. 5 Design Systems What is a design system? A blueprint for product design and development.
- 6. 6 Design Systems A Design System & All It’s Parts Foundations " & " Principles Brand Guidelines Design & Patterns Library" (UX/UI/IxD) Code
- 7. 7 Design Systems Design System Foundations & Principles Foundations & " Principles Guiding Design Principles Grids Scaling Accessibility Animations
- 8. 8 Design Systems Design System Brand Guidelines Brand Guidelines Fonts Colors Background Visual Language Voice & Tone Syntax Styling
- 9. 9 Design Systems Design System Design & Patterns Library Design & Patterns Library" (UX/UI/IxD) Components Behaviors (9 states) Page Templates Design Reference Files
- 11. 11 Design Systems Benefits of a Design System Design consistency & cohesion across tech stacks Save time and money Consistent Vocabulary Implement Faster Concentrate on UX flows instead of design discussions Single source of truth
- 12. 12 Design Systems Mark Hewitt" www.EQengineered.com" mark@EQengineered.com" Twitter: MarekKV" www.linkedin.com/in/marekhewitt