Download as PDF, PPTX
Uploaded byCourtney Clark
Design Systems - O'Reilly Design Conference
1. The document discusses the benefits of design systems for handling large quantities of content and scaling websites over time. It notes consistency, efficiency, teamwork, and scalability as key benefits. 2. A case study example shows how a design system with core elements, building blocks, and pages allows for many variations like a taco menu. Maintaining the system is important for continued use and extension. 3. Getting buy-in requires framing the benefits in terms of investment returns like reduced costs and improved collaboration over time. Teaching clients the approach also helps secure support.
More Related Content
Similar to Design Systems - O'Reilly Design Conference
Design Systems - O'Reilly Design Conference
- 1. Accounting for Quantityand Scalability Amy Vainieri & Courtney Clark O’Reilly Design Conference, San Francisco March 21, 2017 #DesignSystems Design Systems
- 2. When a technology matures,design moves to the foreground because the underlying machinery has been commoditized. “ John Maeda Design in Tech Report
- 3.
- 4.
- 5. Have you used adesign system?
- 6. Who loves a gooddesign system?
- 7.
- 8. How do you knowif you need a design system?
- 9. Your site has20+ button styles
- 10. Your site willevolve or grow over time.
- 11. sharing or turnover Youhave a lot of project
- 12. So…what is a designsystem?
- 13. 1 2 34 5 6 7 8
- 14.
- 15. 8 ingredients = 50+ menuoptions!
- 16. Case Study A designsystem in the wild.
- 17.
- 18.
- 19. Digital design system… What areour ingredients?
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. Pages Average Hero Stat Boxes VolunteerOpenings Teasers Quote (with button) Story Teasers Image Gallery Support Teasers Share Bar
- 29.
- 30.
- 31.
- 32.
- 33. This design systemhas made my life rainbows and unicorns. “Dan Mouyard Front-End Developer Extraordinaire
- 34.
- 35.
- 36. After Launch The storycontinues…
- 37.
- 38. 1. What alreadyexists? 2. What is the significance? 3. How will it be used again in the future? Ask:
- 39. Guard the system, orit will unravel quickly. #DesignSystems Lesson
- 40. It was vitalto understand the genesis of the design system. After that, it was easy peasy to maintain and extend the system. “ Sarah Coles Designer Extraordinaire
- 41. How do youget buy in?
- 42. “ John Maeda Design inTech Report ‘Scale’ a company’s design function through better managing/leading of designers and shareable design systems
- 43. Time Developing & RefiningSystem Implementing System Money Design System Traditional Process Frame it around investment.
- 44. Project Management DevelopmentUser Experience Design System BusinessDevelopment GovernanceDesign & Branding
- 45.
- 46. Teach your clients. Shareyour approach. #DesignSystems Lesson
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53. Decide on theafterlife!
- 54. You have bigger fishto fry. #DesignSystems Lesson
- 55. Like fun 404 pages andpre- loaders.
- 56. Who wouldn’t want moredelight?
- 57.