{"id":25753,"date":"2021-07-20T08:18:07","date_gmt":"2021-07-20T08:18:07","guid":{"rendered":"https:\/\/www.experfy.com\/blog\/?p=25753"},"modified":"2023-08-17T07:42:49","modified_gmt":"2023-08-17T07:42:49","slug":"dark-side-design-system-startups","status":"publish","type":"post","link":"https:\/\/www.experfy.com\/blog\/software-ux-ui\/dark-side-design-system-startups\/","title":{"rendered":"The Dark Side Of A Design System For Startups"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"25753\" class=\"elementor elementor-25753\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-801ae01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"801ae01\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd672d7\" data-id=\"fd672d7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fdc3d41 elementor-widget elementor-widget-text-editor\" data-id=\"fdc3d41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A design system is a unified set of design rules and patterns that can bring huge momentum for building a product. Many big tech companies like Google (Material Design), Apple (Human Interface Guidelines), and IBM (IBM Design Language) are utilizing their own source of truth to help designers and developers focus on higher-level thinking. Rooting from their own design principles, they have successfully kept their entire product team on the same page, and speaking consistent visual language even if there are multiple <a href=\"http:\/\/www.experfy.com\/blog\/software-ux-ui\/ethical-product-design-how-to-make-it-standard-practice\/\" target=\"_blank\" rel=\"noreferrer noopener\">products and services developing<\/a> at the same time.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cb4585 elementor-widget elementor-widget-text-editor\" data-id=\"9cb4585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes, there are many great things that a design system can bring to the table. You might be thinking of building one for your team. It can be a luxury if you have a small, fast-paced team in a startup or in the early stage of building a fresh and new service.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4466da0 elementor-widget elementor-widget-text-editor\" data-id=\"4466da0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You might believe it is the Chosen One, but it can turn into Darth Vader.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5966d18 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5966d18\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-beebba5\" data-id=\"beebba5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dff1549 elementor-widget elementor-widget-heading\" data-id=\"dff1549\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A design system will slow your team down if the team size is too small<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5948b26 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5948b26\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b6728e8\" data-id=\"b6728e8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d522a67 elementor-widget elementor-widget-text-editor\" data-id=\"d522a67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.youtube.com\/watch?v=mGY_9sFg2qM&amp;feature=emb_imp_woyt&amp;ab_channel=Idealab\" target=\"_blank\" rel=\"noreferrer noopener\">One of the top reasons why startups or small teams succeed is the timing<\/a>. Small teams can move, execute, and act on user needs and problems fast. Also, they can dynamically adapt to various unforeseen situations because it is easier for a small number of members to align or decide together to keep their projects moving forward.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68f2026 elementor-widget elementor-widget-text-editor\" data-id=\"68f2026\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Building and managing a design infrastructure is a huge investment. Like Jon Gold, from Airbnb has mentioned, \u201c<a href=\"https:\/\/airbnb.design\/painting-with-code\/\" target=\"_blank\" rel=\"noreferrer noopener\">for each change or addition to the system, a cascade of work is created<\/a>.\u201d Behind building a design system, a lot of decisions and collaborations need to be involved among designers and developers. The team will need some workshops to kickoff, plan, and define design philosophy to create fundamentals. They will need artefacts like brand guidelines, standards, UI design kits, assets, and component libraries to share and use with others.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-437db24 elementor-widget elementor-widget-text-editor\" data-id=\"437db24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Also, you will need to establish an operating model and a pipeline to manage versions and releases of the design system. Design systems are \u201cliving\u201d ecosystems that constantly need to be tracked and updated. Unless there is a team dedicated to taking full control of the whole system, like Google\u2019s Material Design Team, it will be hectic to keep the productivity of the team.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9c42ca elementor-widget elementor-widget-text-editor\" data-id=\"b9c42ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You also need everyone\u2019s contribution and support. Beyond designing, coding, documenting, or testing, it\u2019s also about <a href=\"https:\/\/medium.com\/eightshapes-llc\/why-contributions-matter-22652d8676c6\" target=\"_blank\" rel=\"noreferrer noopener\">convincing sceptics<\/a>. Ultimately, design systems are agreements and rules that should incorporate everyone\u2019s voice and support. And, it takes a lot of effort unless everyone feels that it is right to implement a design system. You can enforce some rules, but if anyone cannot emphasize them, individuals will start to interpret them differently and waste their time trying to understand what it is about.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a32cf0 elementor-widget elementor-widget-text-editor\" data-id=\"2a32cf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Therefore, it is important to measure ROI between the time spent solving user pain points and the time spent building a design system in order to keep everyone on the same page to create consistent products. If you are too focused on building a design system, you might be hooking some weights on your team\u2019s ankle. If you are too loose on aligning design, your product or service will lose its consistency and design identity.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9bd119 elementor-widget elementor-widget-text-editor\" data-id=\"e9bd119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Think of it simply. A design system is another full product that the team needs to constantly iterate and evolve in order to make an impact on your service. If your team is too small to manage another product, it will be very painful for everyone.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a383608 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a383608\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4427d14\" data-id=\"4427d14\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b82f1a9 elementor-widget elementor-widget-heading\" data-id=\"b82f1a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Early implementation can limit a team\u2019s creativity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-4ce6443 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ce6443\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1212664\" data-id=\"1212664\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af89872 elementor-widget elementor-widget-text-editor\" data-id=\"af89872\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The infrastructure of the design system is built around rules and disciplines. When a team&#8217;s visual, brand, or UX identity is not mature enough, the rules can act as restraints to searching and thinking beyond what is possible. Iterating quickly and prototyping fast help designers identify possible solutions. But, if there are rules that they cannot align or emphasize, they will feel stuck and waste their time understanding the rules. This means the value of saving time for the design system is diminished. If your small team is in the early stage of developing a new product, the timing and the scope of implementing a design system is very crucial.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be202bc elementor-widget elementor-widget-text-editor\" data-id=\"be202bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Give the team enough time to explore, ideate, and measure in order to deeply understand what kind of visual language differentiates from other products. As visual identity is not yet set, it is highly likely that designers will pivot a lot to find the answer. And, by using user stories, UI ideations, and prototypes as a compass, they will start to understand the direction they have to take. Otherwise, the early rules will prolong the time in a long, dark tunnel.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e6ee0e elementor-widget elementor-widget-text-editor\" data-id=\"4e6ee0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Just as <a href=\"https:\/\/www.asla.org\/awards\/2006\/studentawards\/282.html\" target=\"_blank\" rel=\"noreferrer noopener\">children in a fenced-in playground have greater creativity than kids in a playground without a fence<\/a>, constraints help designers to produce creative decision-making and innovative solutions. Instead of thinking too big about building a design system, start small and try to use it as a constraint that designers would love.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e715e79 elementor-widget elementor-widget-text-editor\" data-id=\"e715e79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>One of the keys to building a successful design system is to nail down <a href=\"https:\/\/principles.design\/\" target=\"_blank\" rel=\"noreferrer noopener\">design principles<\/a> that share the purpose and core values of products and services. They help teams with decision making and guide them in the right direction. Also, they lead to understanding how to structure their design fundamentals such as typography, colour, spacing, voice &amp; tone, etc., which ultimately creates reusable UI components or patterns with a clear brand identity. <a href=\"https:\/\/medium.com\/@marcintreder\/design-system-sprint-4-design-principles-8efb22d8a208\" target=\"_blank\" rel=\"noreferrer noopener\">Find product analogies, make the list of UI choices, and build value statements<\/a> together with the team and the rest will follow. By using design principles as a constraint, UX, visual language, and brand identity will be reinforced and innovative solutions will follow.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9afb96d elementor-widget elementor-widget-text-editor\" data-id=\"9afb96d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Think of design systems as a toolbox instead of a rulebook that the team needs to follow. If a design system contains too many rules to follow, it will become a burden instead of just constraints.\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4200b5 elementor-widget elementor-widget-text-editor\" data-id=\"b4200b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Be patient, start small. When little wins stack up, your product will be the Chosen One.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A design system is a unified set of design rules and patterns that can bring huge momentum for building a product. Many big tech companies like Google (Material Design), Apple (Human Interface Guidelines), and IBM (IBM Design Language) are utilizing their own source of truth to help designers and developers focus on higher-level thinking. Rooting<\/p>\n","protected":false},"author":1180,"featured_media":25754,"comment_status":"open","ping_status":"open","sticky":false,"template":"single-post-2.php","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[200],"tags":[472,1597],"ppma_author":[3979],"class_list":["post-25753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-ux-ui","tag-startups","tag-ux-ui"],"authors":[{"term_id":3979,"user_id":1180,"is_guest":0,"slug":"sang","display_name":"Sanghyun Lee","avatar_url":"https:\/\/www.experfy.com\/blog\/wp-content\/uploads\/2021\/07\/profile_pic-150x150.jpg","user_url":"","last_name":"Lee","first_name":"Sanghyun","job_title":"","description":"Sanghyun Lee, a UX Designer at Twigfarm, is passionate about finding the value of human relationships and collaborating with AI technology to deliver meaningful interactions. Coming from a data science background, he also enjoys analyzing and extracting unique insights from different domains to drive his design and team to a higher level."}],"_links":{"self":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/25753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/users\/1180"}],"replies":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/comments?post=25753"}],"version-history":[{"count":5,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/25753\/revisions"}],"predecessor-version":[{"id":30554,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/25753\/revisions\/30554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media\/25754"}],"wp:attachment":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media?parent=25753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/categories?post=25753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/tags?post=25753"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=25753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}