{"id":148,"date":"2023-07-20T16:48:08","date_gmt":"2023-07-20T16:48:08","guid":{"rendered":"https:\/\/noelbeane.com\/staging\/5285\/?p=148"},"modified":"2025-01-11T17:46:42","modified_gmt":"2025-01-11T17:46:42","slug":"strategy-design-systems","status":"publish","type":"post","link":"https:\/\/noelbeane.com\/staging\/5285\/strategy-design-systems\/","title":{"rendered":"Strategy – Design Systems"},"content":{"rendered":"
\n
\n
\n
\n\n
<\/div><\/div><\/div>
\n <\/svg>
NB Home Slide 2<\/div>
<\/div>
\"\"<\/div><\/div><\/div><\/div>
Design Systems<\/div><\/div>
<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div> <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div><\/ss3-loader><\/div><\/div>
<\/div><\/div><\/ss3-force-full-width><\/div>\n\n\n
\n

Strategy: Design Systems<\/p>\n<\/div><\/div>\n\n\n\n

\n
\n
\n

Design Systems<\/p>\n\n\n\n

Deliver Design that Scales<\/p>\n\n\n\n

A design system is a collection of shared patterns that allows you to stop focusing on the design and development of patterns and instead focus on their impact on the customer experience.<\/p>\n\n\n\n

A design system promotes consistent branding, faster development, improved collaboration, and scalability. This scalable collection of components streamlines design processes increasing efficiency in development while saving time and effort for design teams. Studies have shown that an effective design system has positive impact on productivity, conversion, and loyalty.<\/p>\n\n\n\n

The benefits of a design system can be measured by the time saved in development and the cost savings across multiple workflows including design, prototyping, testing and production. Over time it\u2019s positive impact will manifest itself in increased revenue and customer satisfaction.<\/p>\n\n\n\n

How does it work?<\/p>\n\n\n\n

The creation and maintenance of a design system is a collaborative effort with a shared language and ownership. Designers, developers, and others can contribute to an open-source library while a dedicated team curates the patterns. An additional benefit is the cultivation of a culture of inclusion that reinforces your design principles across multiple teams bringing them closer together and providing a greater sense of ownership.<\/p>\n\n\n\n

Design System Checklist<\/p>\n\n\n\n

    \n
  1. Initial Collaborative Ideation <\/li>\n\n\n\n
  2. Mapping of Expected Outcomes<\/li>\n\n\n\n
  3. Commitment and prioritization<\/li>\n\n\n\n
  4. User flows by persona<\/li>\n\n\n\n
  5. UI Blocking<\/li>\n\n\n\n
  6. Wireframes<\/li>\n\n\n\n
  7. High fidelity mockups<\/li>\n\n\n\n
  8. Interactive prototyping<\/li>\n\n\n\n
  9. Component documentation<\/li>\n\n\n\n
  10. Development Hand Off<\/li>\n<\/ol>\n\n\n\n
    \n

    Watch Out<\/p>\n\n\n\n

    Certain checklist items can be ignored depending on the team’s maturity and commitment to a single goal. Although, assumptions are always dangerous.<\/p>\n<\/div>\n\n\n\n

    \n

    Key Take Away<\/p>\n\n\n\n

    A well structured and curated design system will empower your teams to:<\/p>\n\n\n\n