10 Laws of Design system power

AKA 10 things to do when creating a design system.
Some lessons we learnt during the process of setting up the Standard Bank Design System

Transcript

1. 10 LAWS OF DESIGN SYSTEM POWER
2. Design Systems & Design Teams D-HUB April 2018 by Chanetsa Mukahanana 10 key things to do
3. It’s not about the system but about communication within the team Its about working together
6. starting off…
7. Understand your world & pick a starting point #1
8. Bring others into the process #2
9. Work with what you have #3
10. Create and document your goals and principles #4
11. Decide what goes into it #5
12. VISUAL LANGUAGE COPY STYLE GUIDE FOUNDATION UI PATTERNS Logos Voice & tone Introduction Components Colour palette Grammar & formatting Goals Modules Typography UI copy guidelines Glossary Principles Strategy Templates Icons & illustrations Utilities
13. Consolidate what you already have (use your team) #6
14. DONE Submit OK Next
15. SUBMIT EDIT CANCEL
17. #6b …It’s bad for now but let it be consistently bad
18. …first part’s done, whats next
19. Decide on an operating model and the Design System processes #7
22. The Design System informs our Product Design. Our Product Design informs the Design System.
23. DESIGN SYSTEM
24. Cohesion over consistency #8
27. Keep the team informed #9
28. after this…
29. Prepare for the flood #10
30. summary
31. 1.Understand your work and pick a starting point 2.Bring others into the process 3.Work with what you have 4.Create and document your goals and principles 5.Decide what goes into it 6.Consolidate what you have 7.Decide on an operating model & process 8.Cohesion over consistency 9.Keep the team informed 10.Prepare for the flood
32. Twitter: @_ChanSolo Linkedin: https://www.linkedin.com/in/chanetsa/ THANK YOU