Hiring more people can help with issues around time to market, but throwing more people at the problem, rarely works. Moreover, designing faster usually means cutting corners, which leads to less than ideal design solutions – including one-off solutions that become increasingly difficult to maintain over time.<\/p>\n
So, the only real choice is to create solutions that solve problems for multiple applications.<\/p>\n
Enter: Design Systems.<\/p>\n
What Are Design Systems?<\/h2>\n
Design Systems are a collection of reusable components, driven by a set of clear and concise principles and guidelines that can be combined to construct any number of applications.<\/p>\n
Unlike a style guide, which traditionally has brand elements, such as logo usage, typography, colors and the like, design systems usually have all the elements of a style guide, but also a comprehensive set of UI components, both as design elements and typically as front-end code.<\/p>\n
Think Legos\u00ae for your design and development process.<\/p>\n
![\"Design](\"https:\/\/centricconsulting.com\/wp-content\/uploads\/2018\/07\/Material-Design-Components.png\")
<\/a>Material Design Components<\/em><\/p><\/div>\n <\/p>\n Having a comprehensive design system allows organizations to:<\/p>\n Most importantly, once rolled out enterprise-wide, design systems create a consistent and expected user experience across all applications.<\/p>\n Unlike style guides, Design Systems are \u201cliving things.\u201d They are not a PDF file that gets created and referenced occasionally. Most are usually documented using a website that is continuously updated and maintained with the latest component updates.<\/p>\n Design Systems are a product to make your product development process easier. Many large organizations utilizing Design Systems even have one or more product managers whose primary role is to manage the development and maintenance of the design system.<\/p>\n Enterprise-level Design Systems are not just for consumer-facing websites and applications, they are being used by some of the most innovative companies in the world, including:<\/p>\n As your application portfolio grows, complexity creeps in. A design system can help solve many of the challenges organizations have around internally created applications, including: Your organization may not have a dedicated design team or it may have a small, overworked design team. You are not alone. I have managed design teams made up of four people up to 160 people, and even when I had a large team, we were still strained for resources and our output couldn\u2019t keep up with demand.<\/p>\n By utilizing a design system, your design team can focus on strategic design challenges vs. tactical one-off design solutions. Even if your organization does not have a dedicated design team, a design system can help streamline the design process and produce more work with less staff.<\/p>\n As applications age and go through iterations, they acquire debt. Technical debt with larger and more bloated code bases – and design debt. When strategic design decisions are deferred, it can lead to one-off creative solutions and design for the short-term.<\/p>\n This debt manifests itself in inconsistent styles and interactions, interfaces disconnected from design principles, and scoop creep, among many others.<\/p>\n Design systems help keep design and technical debt in check by eliminating short-term design decisions and decreasing design and development overhead, allowing your teams to focus on innovation instead of maintenance.<\/p>\n Inconsistent user experiences lead to confused users. By creating standardized components and workflows, we can create more predictable and comprehensible experiences for users as they move from one application to another within your application portfolio.<\/p>\n This consistency leads to increased user success and satisfaction.<\/p>\n Instead of creating new features and experiences from scratch, designers can pull components from a design system and more rapidly create and test new features.<\/p>\n Having all the LEGOs available doesn\u2019t make you less creative. It allows you to quickly build many things. It allows you to more quickly build the masterpiece.<\/p>\n \u201cFail faster. Succeed sooner.” –\u00a0<\/em>David Kelley, IDEO<\/p>\n<\/blockquote>\n Teams can move faster when they have the code already available and the design components easily accessible with a few lines of code.<\/p>\n This makes iteration and experimentation simple and pain-free.<\/p>\n \u201cA good idea is worthless without impeccable execution and a commitment to iterate.\u201d –\u00a0<\/em>Zach Klien, Co-founder, VIMEO<\/p>\n Applications using design systems benefit from improved usability because they have a consistent experience throughout. This consistency leads to decreased problems, friction points and cognitive overload when using complex applications.<\/p>\n The consistency of experience driven by using a set of tested and validated components means less complexity and fewer problems further down the development process.<\/p>\n I hear this a lot. Your applications are not unique snowflakes. While the usage of the variety of applications in your enterprise portfolio may be unique, the user base and more importantly the interaction patterns, are not.<\/p>\n Why should you treat how you handle a set of radio buttons differently in two different applications? Create the pattern once and reuse it throughout all the apps you are building. Focus on the design principles, and the component level designs and consistency will happen.<\/p>\n Having a consistent enterprise user experience is a marathon, not a race.<\/p>\n No company is starting from scratch with their internal-built applications. By the time you realize you need a design system, you are already up to your neck in UX consistency and product development problems.<\/p>\n No one ever says, \u201cHey, we are building our first application, let’s build a complex design system around it.\u201d<\/p>\n The best way to start a system-driven design culture is to draw a line in the sand, and begin. From this point moving forward, all new applications will utilize the design system.<\/p>\n Then as you update and maintain old systems, you slowly move the existing systems closer the design principles and design language of the design system. In fact, many companies who implement Design Systems, find that there is a solid business case a few months later to go back and update existing applications to utilize the Design System.<\/p>\n I recently worked on a ten-year-old set of applications that were so inconsistent, and the new apps were so praised by the new user experience in the new applications vs. the older ones, that we embarked on a nine-month long process to revamp the entire suite of applications.<\/p>\n The business case was straightforward. It was driven by user feedback to the new UI.<\/p>\n This is one I thought was a truth when I first started exploring Design Systems a few years ago. I felt that if designers have to follow guidelines and primarily use a series of very constraint components, they would hate their jobs, and not feel like they are given any creative freedom at all.<\/p>\n After some exploration and through some \u201cuser research\u201d talking with designers whom I managed, I found that they hate doing production work that is needed for the development team. The things that keep good designers engaged and happy is when they get to innovate.<\/p>\n By utilizing a design system, organizations can speed up the production process and allow designers to do what they do best, ideation on new features and functionality, instead of providing the design for another screen with common form elements for the development team.<\/p>\n Companies like Airbnb have used Design Systems like seen below to jump-start their innovation programs.<\/p>\n An example of Airbnb\u2019s visual component library.<\/em><\/p><\/div>\n Building a design system that will be appropriately utilized by your entire organization is a lot of work, and I did not even talk about the politics and governance of doing so, which we will cover in a future post.<\/p>\n However, the rewards outweigh the organizational challenges in doing so. You just have to remember: The best strategy is a crawl\/walk\/run.<\/p>\n Do not try to change the world immediately. Focus on what is right in front of you and solve for that, while considering the future needs.<\/p>\n While Design Systems are new to many organizations, there have been some very innovative thinking by leading design minds, over the past few months.<\/p>\n Here are a few interesting resources on getting started:<\/p>\n Design systems create a consistent, expected user experience across all applications. Learn what they are and why you should invest in them.<\/p>\n","protected":false},"author":63,"featured_media":17686,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_oasis_is_in_workflow":0,"_oasis_original":0,"_oasis_task_priority":"","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"categories":[1],"tags":[18139],"coauthors":[15012],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2024-07-22 00:04:54","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category"},"_links":{"self":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/posts\/13885"}],"collection":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/comments?post=13885"}],"version-history":[{"count":0,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/posts\/13885\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/media\/17686"}],"wp:attachment":[{"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/media?parent=13885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/categories?post=13885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/tags?post=13885"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/centricconsulting.com\/wp-json\/wp\/v2\/coauthors?post=13885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
Wait, Aren\u2019t These Just Style Guides?<\/h2>\n
<\/a><\/p>\nTop Reasons to Invest in Building a Design System<\/h2>\n
\n<\/b><\/p>\nDesigning Smarter, and Faster<\/h3>\n
Reducing Design and Technical Debt<\/h3>\n
Reducing Confusion and Inconsistency<\/h3>\n
Prototype Faster<\/h3>\n
\n
Iterate Faster<\/h3>\n
Improve Usability<\/h3>\n
Top 3 Design System Myths<\/h2>\n
\n
\n
\n
<\/a>Conclusion<\/h2>\n
Resources<\/h2>\n
\n