Speaking the same language: How to get your team on the same page with design systems

UX Y'all 2021 Session with Tyler Berg, Kate Trenerry, and Reneé Cagnina Haynes

Transcript

1. Speaking the Same Language How to Get Your Team on the Same Page with Design Systems UX Y’all | September 2021 Kate Trenerry Senior Digital Strategist Reneé Cagnina Haynes Creative Designer Tyler Berg Product Designer
3. Digital Innovation Agency WE ARE A Designers, engineers, and strategists building a better digital world.
5. Brand, Design, and Build Digital Products WHAT WE DO
10. Aligning your design system with your business Building and inspiring project teams Empowering your team and taking the next step forward Contents
11. Add Image Overtop
12. Making the business case And turning cost into value
13. Employee Retention Product Quality & Impact Company Valuation Team Satisfaction Team Satisfaction
14. Employee Retention Product Quality & Impact Company Valuation Team Satisfaction Team Satisfaction
15. Employee Retention Product Quality & Impact Company Valuation Team Satisfaction Team Satisfaction
16. Employee Retention Product Quality & Impact Company Valuation Team Satisfaction Team Satisfaction
17. HR Product Bizdev Team Satisfaction Marketing
18. Everyone has a Design System (but yours might be hostile)
19. Confusion 10 minutes
20. Confusion 10 minutes Distraction 23 minutes Disruption 33 minutes + =
21. Once per week 1,716 minutes per year
22. Once/week 1,716 minutes/year 10 employees = Annual impact 17,016 minutes/year x
23. $42,900/year for a hostile Design System
26. Cost ➔ Value
27. 1) Organizational support + organizational responsibility
28. 2) Positioning within the company
29. 3) Give them the authority and mandate to evangelize
30. $
31. Customer Experience Design System
32. Product Design Core XD
33. Product & Design Design Infrastructure
34. Good Systems Financial Success Good Teams
35. Add Image Overtop
36. Add Image Overtop
37. Building & Inspiring Teams Investing in the people behind the system
38. Neglecting the humans behind it is a fool's errand
39. Add Image Overtop The American workforce has more than 100 million full-time employees. One-third of those employees are what Gallup calls engaged at work. They love their jobs and make their organization and America better every day. At the other end, 16% of employees are actively disengaged — they are miserable in the workplace and destroy what the most engaged employees build. The remaining 51% of employees are not engaged — they’re just there. INVESTING IN PEOPLE Meaning and Purpose Gallup: State of the American Workplace, 2017. Insert higher res image
40. “ A design system is the enabler to change the work culture and start the right conversations. It allows everyone in the organization to understand the purpose of their role and how they can participate in creating great solutions. – Kevin van der Bijl, Design Lead, Idean
42. Design systems are only as good as the people behind them
43. Creating a Coalition
44. C-suite ally or advocate Design Systems Lead • Designers • Engineers • UX Strategists • UX Researchers • Content Strategists • Copywriters • Product managers • Marketers • Brand Specialists
45. “ The breadth of a system team's talent should mirror the system's scope. Nathan Curtis
46. Federated Centralized Solitary
47. Insert Cover of Invision Handbook and headshot of Curtis
48. Setting the foundation for trust, camaraderie, and vulnerability
49. Insert Super Fun Wondrium Remote Working Video
50. Language Setting Prioritizing Needs Team Satisfaction Problems, Blockers, and Goals
51. Language Setting Prioritizing Needs Team Satisfaction Problems, Blockers, and Goals
52. Language Setting Prioritizing Needs Team Satisfaction Problems, Blockers, and Goals
53. Language Setting Prioritizing Needs Team Satisfaction Problems, Blockers, and Goals
54. Problems, Blockers & Goals
55. Problems, Blockers & Goals Insert list
56. What are the problems our team’s facing? How do these problems prevent us from getting what we want or need? What objectives and goals do we want to set as they relate to the design system? PROBLEMS, BLOCKERS & GOALS What’s the biggest challenge we will face on this project?
57. PROBLEMS, BLOCKERS & GOALS What learnings should we apply from previous projects?
58. Language Setting to Build Shared Understanding
59. Add Image Overtop Add Image Overtop Add Image Overtop Insert better images and make consistent
60. Add Image Overtop Insert image
61. Components ≠ UI patterns
62. Prioritizing Needs
63. Add Image Overtop Insert photo
64. Sample above; Need to Insert custom quadrant map
65. Insert image of team exercise building during TTT
66. Add Image Overtop Add Image Overtop Add Image Overtop
67. Empowering your team Taking the next step forward
68. This is really challenging stuff.
69. Maintenance Commitment Longevity Competing Priorities, Org Bureaucracy
71. Inaction has a significant cost on a team’s productivity.
73. Maintenance is just as important as creating something new.
75. Maintenance Commitment Longevity Design System Success
76. How do we get there?
77. Mentality shift Organizational buy-in Cross-team collaboration Embracing creativity TEAM ALIGNMENT
78. Mentality shift Organizational buy-in Cross-team collaboration Embracing creativity TEAM ALIGNMENT
81. Mentality shift Organizational buy-in Cross-team collaboration Embracing creativity TEAM ALIGNMENT
82. Designers Developers Product Manager DesignOps System Advocate Design Production Software Development Feature Development People and process optimization
83. Mentality shift Organizational buy-in Cross-team collaboration Embracing creativity TEAM ALIGNMENT
85. Designer Developer Product Manager Researcher
86. Designer Developer Product Manager Researcher Design production Design documentation Prototyping
87. Designer Developer Product Manager Researcher Front-end component assembly Back-end software development Collaboration with designers
89. Designer Developer Product Manager Researcher Feature development QA management Design changelog
91. Designer Developer Product Manager Researcher Moderated prototypes Unmoderated prototypes
92. Cross team collaboration Transparent communication Autonomy & governance + =
93. Mentality shift Organizational buy-in Cross-team collaboration Embracing creativity TEAM ALIGNMENT
94. Design systems don’t inhibit creativity, they empower it.
95. Design systems free up our brain to focus on our most challenging design problems.
96. Production Displaying complex information Information architecture Meaningful motion in our work How our work is actually impacting users
97. Good systems help enable financial success. Financial success enables design system teams. And when those teams are creating value and that’s recognized throughout the organization, they get to keep doing it. How do we align our team around design systems? Embrace a system’s business value.
98. A good design system is only as good as the people that build it. We should retain and engage them in ways that boost performance and accelerate our efforts in building the system. How do we align our team around design systems? Invest in the people behind the system.
99. Embracing the maintenance of your system over the long term, along with promoting cross-team collaboration during production will help your team gain organizational buy-in. How do we align our team around design systems? Advocate for maintenance and collaboration.
100. Thanks for listening @tylerbberg @reneechaynes @bikingborders