Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

2618eb8fa459e5cef8f7a8d8f6a21c59?s=47 UX Y'all
September 29, 2021

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

2618eb8fa459e5cef8f7a8d8f6a21c59?s=128

UX Y'all

September 29, 2021
Tweet

More Decks by UX Y'all

Other Decks in Design

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
  2. None
  3. Digital Innovation Agency WE ARE A Designers, engineers, and strategists

    building a better digital world.
  4. None
  5. Brand, Design, and Build Digital Products WHAT WE DO

  6. None
  7. None
  8. None
  9. None
  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

  24. None
  25. None
  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
  41. None
  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

  70. None
  71. Inaction has a significant cost on a team’s productivity.

  72. None
  73. Maintenance is just as important as creating something new.

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

  79. None
  80. None
  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

  84. None
  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
  88. None
  89. Designer Developer Product Manager Researcher Feature development QA management Design

    changelog
  90. None
  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