A design system product

Transcript

1. A design system product Charlotte Jackson Product Manager

2. Business improvement Deal preparation Deal execution Ansarada platform

3. None

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
10. None

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
14. None

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

22. None

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

34. None

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
49. None

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