{"id":71327,"date":"2019-10-02T04:18:51","date_gmt":"2019-10-02T11:18:51","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/"},"modified":"2019-10-02T04:18:51","modified_gmt":"2019-10-02T11:18:51","slug":"how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/","title":{"rendered":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product"},"content":{"rendered":"<link rel=\"canonical\" href=\"https:\/\/www.smashingmagazine.com\/2019\/10\/design-system-achieve-purpose-product\/\"><title>How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product<\/title><\/p>\n<article>\n<header>\n<h1>How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product<\/h1>\n<address>Nick Babich<\/address>\n<p>                  <time datetime=\"2019-10-01T15:00:59+02:00\">2019-10-01T15:00:59+02:00<\/time><time datetime=\"2019-10-02T11:05:11+00:00\">2019-10-02T11:05:11+00:00<\/time><\/header>\n<p>(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective. Some design system help product teams create coherent experience; others produce confusing designs.<\/p>\n<p>The effectiveness of a design system can be measured by how well it works to help achieve the purpose of the product. In this article, we\u2019ll try to find the qualities that make a design system good for your product development.<\/p>\n<h3>Do You Clearly Understand Why You Need A Design System?<\/h3>\n<p>All too often, product teams attempt to create a solution for a problem they don\u2019t have. And when it comes to creating a design system, some teams attempt to create a system just because other teams are doing it.<\/p>\n<h4>Product And Company Maturity<\/h4>\n<p>Companies have different levels of design maturity. Some companies have a product with thousands of users, while others are just beginning to implement their product.<\/p>\n<p>Creating a design system from scratch is a time-consuming activity. Small fast-moving teams likely don\u2019t need a design system because it would slow them down. A three-to-five\u2013person startup that is trying to find a product-market fit would probably spend a significant amount of time creating a system. And if resources are being spent on building a design system, they aren\u2019t being spent on building the product. Until the company establishes a clear direction with its product, investing time in creating a design system risks producing a lot of waste.<\/p>\n<p>A design system should come from the need to increase efficiency at scale. And it happens only when a team has real problems with the efficiency that prevent it from moving quickly. Let your team hit scale first and reach a point where inefficiencies such as in the technical and design departments become significant factors in design decisions.<\/p>\n<h4>Interface Audit And Technology Stack<\/h4>\n<p>Many companies tend to build a design system on top of the current interface, but this approach is not very good for many reasons. Imagine that your company has been building a product for a long time without a system; it\u2019s likely that the product has some level of inconsistency in design.<\/p>\n<p>That\u2019s why if you plan to introduce a design system, start with an audit: Explore existing interactions, and collect all of the UI elements in your product. Collect all elements that make up the interface, and file them for review. The reviews should help you to understand the reason for inconsistency and the changes you\u2019ll need to introduce in the design process in order to avoid such problems in the future.<\/p>\n<h3>Does The Design System Set A Clear Direction For Designers And Developers?<\/h3>\n<p>A design system is valuable only if the people who are working on the product adopt it. Shared understanding plays a vital role in adoption of the system.<\/p>\n<p>Before starting to design a product, it\u2019s essential to align teams around a clear set of shared goals. Build a vision, and ensure that everyone is looking in the same direction. A design system should give teams a guided way to build solutions for their product problems.<\/p>\n<h4>Mapping Out User\u2019s Needs, Goals, And Motivations<\/h4>\n<p>One of the first things we need to do when starting to work on a product is to understand who our users are and what are their goals, needs, and motivations. This information should be the foundation of the design system you want to create.<\/p>\n<p>Tools like user-journey mapping and the <a href=\"https:\/\/jtbd.info\/?gi=f0576db477c1\">Jobs to be Done<\/a> framework will help you to understand how people interact with your product. The product team should keep this information in mind when working on the design system.<\/p>\n<h4>Express The Purpose Of The Product<\/h4>\n<p>The purpose is the core of the product, and it should inform design and development decisions. The purpose of a product should be expressed in one sentence. For instance, if we were designing a meditation app for quick relaxation, our goal would be to help people who use our app to relax. If we expressed this purpose in a single sentence, it would be something like, \u201cHelp people relax in no time.\u201d<\/p>\n<p>Note that the purpose should be natural, not forced; otherwise, the team won\u2019t believe in it.<\/p>\n<h4>Establish Clear Design Principles<\/h4>\n<p>Solid design principles are the foundation of any well-functioning system. They should capture the essence of what good design means for the company and provide practical recommendations for product teams on how to achieve it.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/35162ff4-9c61-41d2-8866-c1cec8f3c43f\/design-principles-of-the-lightning-design-system.png?ssl=1\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/design-principles-of-the-lightning-design-system.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/35162ff4-9c61-41d2-8866-c1cec8f3c43f\/design-principles-of-the-lightning-design-system.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/35162ff4-9c61-41d2-8866-c1cec8f3c43f\/design-principles-of-the-lightning-design-system.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/35162ff4-9c61-41d2-8866-c1cec8f3c43f\/design-principles-of-the-lightning-design-system.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/35162ff4-9c61-41d2-8866-c1cec8f3c43f\/design-principles-of-the-lightning-design-system.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/design-principles-of-the-lightning-design-system.png?w=900\" sizes=\"100vw\" alt=\"\"><\/a><figcaption>\n      Design principles should be created on the principles and values of the product. Design Principles of the <a href=\"https:\/\/lightningdesignsystem.com\/guidelines\/overview\/\">Lightning Design System<\/a>. (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/35162ff4-9c61-41d2-8866-c1cec8f3c43f\/design-principles-of-the-lightning-design-system.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>Below are just a few guidelines for design principles.<\/p>\n<h5>Design Principles Should Be Authentic And Genuine<\/h5>\n<p>Many of us hear principles like \u201csimple and useful\u201d. But qualities like these should be a given. Knowing that your product should be simple and useful is not going to be helpful in guiding your design decisions. Imagine that a new member joins your team, and you need to share the three guiding principles that are most important when designing a product. You might say something like, \u201cWe like simple things \u2014 strive to create simple things.\u201d This doesn\u2019t say much to the person. It\u2019s hard to imagine that anyone would intentionally create a complex and useless product.<\/p>\n<p>That\u2019s why principles should offer practical guidance on how to solve a design problem within the context of the particular product. One of the design principles of Medium, a popular blogging platform, is \u201cDirection over choice.\u201d Thanks to this principle, instead of designing a text editor with endless visual styles, Medium\u2019s design team decided to limit the number of visual styles. In doing so, they make the writer focus on what\u2019s really important: the content they are producing.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/47c7c835-c5d7-467c-9d0c-ce697af25155\/medium-text-editor.png?ssl=1\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/medium-text-editor.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/47c7c835-c5d7-467c-9d0c-ce697af25155\/medium-text-editor.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/47c7c835-c5d7-467c-9d0c-ce697af25155\/medium-text-editor.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/47c7c835-c5d7-467c-9d0c-ce697af25155\/medium-text-editor.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/47c7c835-c5d7-467c-9d0c-ce697af25155\/medium-text-editor.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/medium-text-editor.png?w=900\" sizes=\"100vw\" alt=\"\"><\/a><figcaption>\n      Medium text editor. (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/47c7c835-c5d7-467c-9d0c-ce697af25155\/medium-text-editor.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h5>Design Principles Should Be Memorable<\/h5>\n<p>Ask the people in your company what your design principles are. If no one can remember them, chances are they are not working.<\/p>\n<h5>Design Principles Should Provide Practical Examples<\/h5>\n<p>Even the best principles can be interpreted in different ways. Nothing makes a principle clearer that being paired with a real-life example, showing how it can be applied in context.<\/p>\n<p><strong>Tip<\/strong>: <em>Sometimes you need to provide counter-examples to help people understand what not to do.<\/em><\/p>\n<h3>How Effective Is The Design Language Of The Interface?<\/h3>\n<p>A design language emerges as a team works on a product. The design language of the interface has a significant impact on how users interact with the product. If a product created with a design system is confusing and doesn\u2019t help users achieve their goals, then the design system is not effective.<\/p>\n<h4>How Design Patterns Are Executed And Applied<\/h4>\n<p>A pattern is a reusable solution that can be applied to solve a design problem. Design patterns are shaped by the core idea of how a product works, and they form the foundation of the language that the team uses to communicate with users.<\/p>\n<p>There are two types of patterns: <strong>functional<\/strong> and <strong>perceptual<\/strong>.<\/p>\n<h5>Functional Patterns<\/h5>\n<p>Functional patterns are the tangible building blocks of an interface. Buttons, icons, text fields and so on all come together to form what we call a product.<\/p>\n<p>Many factors influence the choice of design patterns, and most of them come from the domain that the product belongs to and from its core functionality. Let\u2019s take a finance product as an example. A finance product might need to prioritize multitasking and quick scanning (which require greater information density). In Bloomberg\u2019s interface, shown below, density is achieved through tight spacing, compact controls, and good typography choices.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e60b7dbd-2a1c-45cc-b42c-c5e08ae884f4\/bloomberg-terminal.jpg?ssl=1\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/bloomberg-terminal.jpg 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e60b7dbd-2a1c-45cc-b42c-c5e08ae884f4\/bloomberg-terminal.jpg 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e60b7dbd-2a1c-45cc-b42c-c5e08ae884f4\/bloomberg-terminal.jpg 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e60b7dbd-2a1c-45cc-b42c-c5e08ae884f4\/bloomberg-terminal.jpg 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e60b7dbd-2a1c-45cc-b42c-c5e08ae884f4\/bloomberg-terminal.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/bloomberg-terminal.jpg?w=900\" sizes=\"100vw\" alt=\"\"><\/a><figcaption>\n      Bloomberg terminal has a dense design, fitting large amounts of information on the screen. Image: <a href=\"https:\/\/en.wikipedia.org\/wiki\/Bloomberg_Terminal\">Wikipedia<\/a>. (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/e60b7dbd-2a1c-45cc-b42c-c5e08ae884f4\/bloomberg-terminal.jpg\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h5>Perceptual Patterns<\/h5>\n<p>In his book _<a href=\"https:\/\/en.wikipedia.org\/wiki\/The_Timeless_Way_of_Building\">The Timeless Way of Building<\/a>_, Christopher Alexander asks why some places feel so great to be in, while others feel dull and lifeless. According to him, the way places and buildings make us feel is the result of specific patterns: perceptual patterns.<\/p>\n<p>Perceptual patterns focus on what users feel. Colors, typography, iconography, shapes, and animation come together to form the identity of a product. Without perceptual patterns, you wouldn\u2019t sense much difference between products in the same domain.<\/p>\n<p>The aesthetics and voice and tone in a product should capture the personality and ethos we want to convey through the interface:<\/p>\n<ul>\n<li>How do we want our product to be perceived?<\/li>\n<li>Is our product serious or playful?<\/li>\n<li>Should it be utilitarian or emotional?<\/li>\n<\/ul>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d340cd6b-787c-4139-9bf7-7a618fa4f94e\/mailchimps-voice-and-tone.png?ssl=1\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/mailchimps-voice-and-tone.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d340cd6b-787c-4139-9bf7-7a618fa4f94e\/mailchimps-voice-and-tone.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d340cd6b-787c-4139-9bf7-7a618fa4f94e\/mailchimps-voice-and-tone.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d340cd6b-787c-4139-9bf7-7a618fa4f94e\/mailchimps-voice-and-tone.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d340cd6b-787c-4139-9bf7-7a618fa4f94e\/mailchimps-voice-and-tone.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/mailchimps-voice-and-tone.png?w=900\" sizes=\"100vw\" alt=\"\"><\/a><figcaption>\n      MailChimp\u2019s Voice and Tone. <a href=\"https:\/\/styleguide.mailchimp.com\/voice-and-tone\/\">Image source<\/a>. (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d340cd6b-787c-4139-9bf7-7a618fa4f94e\/mailchimps-voice-and-tone.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>It\u2019s also important to understand that perception is influenced not only by individual elements (text, colors, typefaces, white space, etc.), but also by the relationships between those elements. In other words, it\u2019s not enough to use colors and fonts consistently; we should also be aware of the \u201cjust right\u201d combinations that make a product feel a certain way.<\/p>\n<p><strong>Tip<\/strong>: <em>When working on a perceptual pattern, you can use the technique of moodboarding. Collect all elements with relevant visual styles, and define their core visual brand elements. Moodboards are an excellent tool to explore different visual themes. To make one, you can use a digital tool like Pinterest or assemble printed pages on a large board.<\/em><\/p>\n<h4>Measure Your Progress<\/h4>\n<p>Implementing a design system is a process. And it\u2019s crucial to ensure along the way that the system is helpful. No matter how good you are at predicting things, in many cases, it will be hard to predict how a particular change will affect the user experience. That\u2019s why it\u2019s important to define metrics and to track them along the way. After every release, measure how your product performs. Measure the qualitative and quantitative results, and make sure your metrics are going in the right direction.<\/p>\n<h3>How Effective Are The Practices Of The Team?<\/h3>\n<h4>How Fast Does The Internal Design Team Work?<\/h4>\n<p>Can the people working on the product ship changes more quickly?<\/p>\n<p>An effective design system allows a business to meet its goals faster and at a lower cost. A design system should reduce implementation decisions, because team members would have all elements of a product ready for use, along with information on how to use them. As the process of building products accelerates, designers will gain time, which they can invest in other areas, such as user research.<\/p>\n<p>Here are a few areas to monitor:<\/p>\n<ul>\n<li><strong>Efficiency<\/strong><br \/>\nMeasure how fast new patterns are integrated and how fast changes to existing patterns are introduced. If designers often have to introduce a new component to solve a problem, that could be a strong sign that the design system is not flexible.<\/li>\n<li><strong>Consistency<\/strong><br \/>\nHow hard is to create consistent experiences across different platforms.<\/li>\n<\/ul>\n<p>When it comes to design efficiency, investment in tools and technology is essential. A good toolbox will help to eliminate manual operations from your design process. <a href=\"https:\/\/adobe.com\/products\/xd.html?sdid=BDDS3LRM&#038;mv=affiliate\">Adobe XD<\/a> offers two excellent features that can improve design efficiency: components and shared assets panel.<\/p>\n<p>Using XD, you can create a master component to define a reusable UI element, such as a button. Create instances of any component in your UI, and customize them. The components are designed to resize responsively, so you can take any instance and adjust the size of the component, and XD will automatically manage the placement and scaling of the elements within the component for you.<\/p>\n<figure><\/figure>\n<p>You can use the Assets panel to curate a collection of reusable elements that you want to make available to other designers on your team. To enable others to use the visual styles and components you\u2019ve defined, invite them to the document using \u201cShare\u201d ? \u201cInvite to Edit\u201d. The great news is that everyone will leverage the latest assets; whenever the design is updated, team members who have been invited to the collection will be notified about the changes. Team members will be able to update at their own discretion.<\/p>\n<figure><\/figure>\n<h4>How Easily Can Developers Code The UI?<\/h4>\n<p>It\u2019s well known that developers and designers must work hand in hand. And when it comes to communication between designers and developers, design specifications play a key role. The most important aspect of the design specification is clarity: If developers don\u2019t understand the specification, they might implement something different from the original idea. A good design specification reduces false interpretation of design decisions.<\/p>\n<p>With <a href=\"https:\/\/adobe.com\/products\/xd.html?sdid=BDDS3LRM&#038;mv=affiliate\">Adobe XD<\/a>, creating an unambiguous specification is a relatively simple process. You can use \u201cShare\u201d ? \u201cShare for Development\u201d to publish your design system on the web. The resource will contain information about color values, style attributes, and downloadable assets.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/325451d0-8b5a-4358-b78f-e9069df9d56f\/design-system-in-xd.png?ssl=1\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/design-system-in-xd.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/325451d0-8b5a-4358-b78f-e9069df9d56f\/design-system-in-xd.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/325451d0-8b5a-4358-b78f-e9069df9d56f\/design-system-in-xd.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/325451d0-8b5a-4358-b78f-e9069df9d56f\/design-system-in-xd.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/325451d0-8b5a-4358-b78f-e9069df9d56f\/design-system-in-xd.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/design-system-in-xd.png?w=900\" sizes=\"100vw\" alt=\"\"><\/a><figcaption><a href=\"https:\/\/theblog.adobe.com\/xd-may-2019-update-create-design-systems\/\">Image source<\/a>. (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/325451d0-8b5a-4358-b78f-e9069df9d56f\/design-system-in-xd.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h4>How Good Are The Naming Conventions?<\/h4>\n<p>Does the design system allow team members to communicate more efficiently? Language is fundamental to collaboration. Every element in a design system should have a name that is known and that makes sense to the people on your team. Proper naming conventions are especially important for products that will scale \u2014 as the number of patterns in a library increases, good naming conventions can help team members quickly find what they\u2019re looking for.<\/p>\n<p>Here are a few tips on naming elements:<\/p>\n<ul>\n<li>The distinguishing aspect of a design system\u2019s language is its stickiness. Similar to any other language, we need to use the language if it is to survive. It needs to be a part of our daily routine.<\/li>\n<li>Naming an element can be hard when the team hasn\u2019t fully understood its purpose. If you have a hard time finding the right name, chances are that something isn\u2019t quite right. Maybe an element\u2019s purpose is unclear.<\/li>\n<li>Name components from the user\u2019s perspective. Speak to users and potential users of the product, and name components according to how their refer to them. This will help engineers to think from the user\u2019s perspective and to always have users in mind.<\/li>\n<li>Test your language with users. This ensures that the modules you\u2019ve defined are aligned with your user\u2019s potential behaviors and mental models.<br \/>\n<\/li>\n<\/ul>\n<h4>How Easy Is It To Maintain The System?<\/h4>\n<p>A design systems is not a static tool, but rather a living organism in your company. It should grow and evolve together with your product. The time required to keep the system up to date plays a key role in its success or failure. If keeping the design system updated becomes difficult, it will quickly become outdated.<\/p>\n<p>Here are two important moments to consider:<\/p>\n<ul>\n<li>Depending on the size of a company, a design system could be either static or dynamic. It\u2019s always better to have a dynamic design system, one that will be updated in real time with the product. Also, a static design system would not fit a company that has large-scale products, because the time required to introduce changes would be significant.<\/li>\n<li>A design system should have a roadmap and backlog. As with any other product, creating a design system is an iterative process, constantly ongoing.<\/li>\n<\/ul>\n<h3>Does The Design System Extend Creative Directions?<\/h3>\n<p>Creative experimentation is an integral part of the design process. Sometimes, effective design decisions are based on intuition. That\u2019s why one of the main goals of a design system is to extend creative direction. A design system should encourage the people who work on the product to be creative and spontaneous.<\/p>\n<h4>Invite Everyone To Contribute To The System<\/h4>\n<p>Everyone in the company should be not only allowed but encouraged to contribute to the system. Give people enough freedom to contribute, yet make sure the system stays managed and curated.<\/p>\n<p><strong>Tip<\/strong>: <em>Follow a process of peer-to-peer reviews. This will increase awareness of the design system.<\/em><\/p>\n<h4>Achieve A Balance Between A Sticky And Loose System<\/h4>\n<p>Some users of design systems fixate on perfect consistency. But perfect consistency doesn\u2019t guarantee a great product. If the process you\u2019re following is restrictive, you risk ending up with a generic design. That\u2019s why it\u2019s vital to find a balance between consistency and creative expression in the design.<\/p>\n<p>When it comes to creative exploration, it\u2019s always better to experiment on a small scale first. If some elements work well (such as a new style for a call-to-action button), then the design system should make it easy to integrate the changes into other parts of the interface.<\/p>\n<h3>Conclusion<\/h3>\n<p>A well-crafted design system serves as a North Star of your product development. A design system amplifies design-driven culture \u2014 it encourages people who work on the product to look beyond the building blocks and to think of the purpose of their design. The big picture that a design system imparts will lead to a better understanding of your users and, ultimately, a better user experience.<\/p>\n<h4>Recommended Reading<\/h4>\n<ul>\n<li>\u201c<a href=\"https:\/\/shop.smashingmagazine.com\/products\/design-systems-by-alla-kholmatova\">Design Systems<\/a>,\u201d Alla Kholmatova<\/li>\n<li>\u201c<a href=\"https:\/\/medium.com\/eightshapes-llc\">Eight Shapes<\/a>,\u201d Nathan Curtis<\/li>\n<\/ul>\n<p><em>This article is part of the UX design series sponsored by Adobe. Adobe XD tool is made for a <a href=\"https:\/\/adobe.com\/products\/xd.html?sdid=BDDS3LRM&#038;mv=affiliate\">fast and fluid UX design process<\/a>, as it lets you go from idea to prototype faster. Design, prototype and share \u2014 all in one app. You can check out more inspiring projects created with <a href=\"https:\/\/www.behance.net\/galleries\/adobe\/5\/XD\">Adobe XD on Behance<\/a>, and also <a href=\"https:\/\/adobe.ly\/2yKueO8\">sign up for the Adobe experience design newsletter<\/a> to stay updated and informed on the latest trends and insights for UX\/UI design.<\/em><\/p>\n<div>\n  <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/logo-red-1.png?w=900\" alt=\"Smashing Editorial\"><span>(ms, yk, il)<\/span>\n<\/div>\n<\/article>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00 (This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":71328,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-71327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-02T11:18:51+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-02T11:18:51+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective.\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#article\",\"name\":\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies\",\"headline\":\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/design-principles-of-the-lightning-design-system.png?fit=400%2C371&ssl=1\",\"width\":400,\"height\":371},\"datePublished\":\"2019-10-02T04:18:51-07:00\",\"dateModified\":\"2019-10-02T04:18:51-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#listItem\",\"name\":\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#listItem\",\"position\":3,\"name\":\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/\",\"name\":\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies\",\"description\":\"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/design-principles-of-the-lightning-design-system.png?fit=400%2C371&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#mainImage\",\"width\":400,\"height\":371},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\\\/#mainImage\"},\"datePublished\":\"2019-10-02T04:18:51-07:00\",\"dateModified\":\"2019-10-02T04:18:51-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies","description":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective.","canonical_url":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#article","name":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies","headline":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/design-principles-of-the-lightning-design-system.png?fit=400%2C371&ssl=1","width":400,"height":371},"datePublished":"2019-10-02T04:18:51-07:00","dateModified":"2019-10-02T04:18:51-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#listItem","name":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#listItem","position":3,"name":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/","name":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies","description":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/design-principles-of-the-lightning-design-system.png?fit=400%2C371&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#mainImage","width":400,"height":371},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/#mainImage"},"datePublished":"2019-10-02T04:18:51-07:00","dateModified":"2019-10-02T04:18:51-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies","og:description":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective.","og:url":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/","article:published_time":"2019-10-02T11:18:51+00:00","article:modified_time":"2019-10-02T11:18:51+00:00","twitter:card":"summary","twitter:title":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product | Design for Immersive Technologies","twitter:description":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your ProductHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product Nick Babich 2019-10-01T15:00:59+02:002019-10-02T11:05:11+00:00(This is a sponsored post.) Design systems help product teams to approach design with a system in mind. But not all design systems are equally effective."},"aioseo_meta_data":{"post_id":"71327","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 17:30:36","updated":"2026-09-02 05:34:10","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow To Ensure Your Design System Helps To Achieve The Purpose Of Your Product\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"How To Ensure Your Design System Helps To Achieve The Purpose Of Your Product","link":"https:\/\/www.taterboy.com\/blog\/2019\/10\/how-to-ensure-your-design-system-helps-to-achieve-the-purpose-of-your-product\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-iyr","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/design-principles-of-the-lightning-design-system.png?fit=400%2C371&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/71327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=71327"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/71327\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/71328"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=71327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=71327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=71327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}