A design system product

This presentation shares our journey at Ansarada of identifying challenges in maintaining our design system and solving them with product thinking.

Transcript

1. A design system product Charlotte Jackson Product Manager
2. Business improvement Deal preparation Deal execution Ansarada platform
4. • Share Ansarada’s journey • Create framework for a design system product In this talk I will…
5. Charlotte Jackson Front-end Developer Product Manager @lottejackson
6. Our journey…
7. Challenges User engagement Selling it to internal customers (product teams)
8. Adoption
9. Our goals Bring consistency across the whole platform Improve e!ciency of design and development
11. Discovery & research
12. Questions What is the adoption of existing components? How many instances are overridden and why? What’s the process for users to adopt the system? What are their pain points? How satis!ed are users with the process and experience?
13. What is the adoption of the design system? Code search for quantitative data Survey - Ask users which components they use - User satisfaction rating & feedback
15. What’s the users process? Observations—at desks and attend meeting Interviews
16. Interviews What’s the end to end process for front-end design and development? E.g. “Tell me what triggers the need for a new feature?” Ask open questions Listen Record the interview to make notes after the session
17. User journey map Steps Activity
18. Diagnosis
19. Lack of adoption Evolving technologies Updating ACE versions was time consuming Speed of development in the core team
20. Team objective Improve adoption of the design system in product teams
21. Design systems are internal products
23. Product questions What is the goal of the design system? What problems will it solve for Ansarada? What does success look like and how do we measure it? Who are the users and how do they work? Who are the customers? Who are the buyers and how do we communicate the bene!ts to them?
24. Product personas Customers = Leadership team Users = Product teams Customers’ customers = Ansarada customers
25. Become a product team
26. Product team Product manager - new Design lead - new QA - new Tech lead Team lead Developers, designers Dev ops
27. Design Ops Maintaining the design system Building tools Sharing best practices
28. — Jina Anne https://medium.com/salesforce-ux/the-salesforce-team- model-for-scaling-a-design-system-d89c2a2d404b
29. — Jina Anne https://medium.com/salesforce-ux/the-salesforce-team- model-for-scaling-a-design-system-d89c2a2d404b
30. “The Design System informs our Product Design. Our Product Design informs the Design System.” — Jina Anne https://medium.com/salesforce-ux/the-salesforce- team-model-for-scaling-a-design-system- d89c2a2d404b
31. Everything is to, for and from our customers
32. Collaboration Slack channel Cross discipline catch ups Stand ups open to all Workshops PRs reviewed in 24 hours Talking to each other
33. Our design system belongs to everybody
35. OKRs
36. Objectives: The goals Key Results: How they are measured
37. OKRs Company objective: Ansarada is a best in class SaaS platform
38. Team OKR Objective: We provide a platform to enable product teams to deliver cohesive and consistent experiences Key result: 100% of components in products are served by ACE
39. Metrics How can we measure success? Component usage Snow#akes and overrides
40. Roadmap
41. https://www.prodpad.com/blog/how-to-build-a-product-roadmap-everyone-understands/
42. Features Tangible outputs which deliver customer value and are consumed by customers.
43. Release management
44. Marketing Raising awareness and engagement Blog posts from the team Roadmap presentations Evangelism
45. Principles Nathan Curtis, Eight Shapes. https://medium.com/eightshapes-llc/ principles-of-designing- systems-294ee45dcf81
46. 1 Success is measured by adoption
47. 2 Community and contributions
48. 3 Product teams set their destinies, ACE equips them to realise them
50. Design system products Discovery & Research Who are you customers and personas? Create a product team Set goals (team and product) OKRs Roadmap Release management Marketing
51. Thank you Charlotte Jackson Front-end Developer Product Manager @lottejackson