{"id":16263,"date":"2018-02-20T15:39:27","date_gmt":"2018-02-20T23:39:27","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=16263"},"modified":"2020-04-22T06:35:15","modified_gmt":"2020-04-22T13:35:15","slug":"future-design-systems","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/","title":{"rendered":"The Future of Design Systems"},"content":{"rendered":"

With many product teams establishing core design systems, it\u2019s only natural that these systems will change and evolve as the industry does. We talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG) and where they see the industry going in the future.<\/span><\/p>\n

Breaking Down Silos<\/h2>\n

\"Atlassian<\/span><\/p>\n

Atassian Design System connects Brand, Marketing and Product teams<\/em><\/a><\/p>\n

Atlassian\u2019s Design System team combines many core disciplines\u2014design, development, content, illustration. Alex and Venn believe that the interconnected relationships between them will be at forefront of the industry\u2019s future.<\/p>\n

So much of the nuance in a design system can be found in the fuzzy line between those disciplines, and the ADG team sees those silos being eliminated in the future. Tooling like <\/span>Airbnb\u2019s React > Sketch Tool<\/span><\/a> and <\/span>UXPin\u2019s Design from Code<\/span><\/a> are already helping designers use real-life components for their mockups. This underlies a core shift to encourage designers to think more like developers, and understand how components are built along with the props available to customize and work with them.<\/span><\/p>\n

This shared knowledge also has a pragmatic goal of creating a single source of truth that can be consumed by multiple disciplines. This allows teams of designers, developers, and other roles to not only share a single context, but operate as a single unit\u2014sharing roadmaps, backlogs, sprints, and standups. On a more macro-level this single source of truth also allows for transparency between the core team creating the system and ancillary teams creating the products themselves. <\/span><\/p>\n

This symbiotic relationship also benefits new designers, writers and developers on-boarding into Atlassian, which currently can take weeks. \u201cWe want to see new employees be able to use ADG and ship product in days and not weeks\u201d says Alex. This has the potential to drastically impact the velocity of product teams consuming the core design system, helping both them and the business.<\/span><\/p>\n

It also helps create rails for innovation. With a base system in place, ADG can effectively get new team-members up to speed quickly on foundational elements, while allowing for creativity to be focused in other areas. When approaching any design problem teams constantly juggle two questions, \u201cDo we actually need this?\u201d and \u201cHow should the solution work?\u201d Historically the question of looks gets far more attention from designers, but with a design system providing the core styling for UI elements, their focus can be turned elsewhere. Instead of rethinking the whole system each time, innovation can happen in the places where that innovation has the biggest impact.<\/span><\/p>\n

Designing for Experiences<\/h2>\n

\"Atlassian<\/p>\n

Atlassian Design System – Product<\/em><\/a><\/span><\/p>\n

As design systems like ADG canonize UI elements, some of the most exciting value lies in allowing teams to dig deeper into the experience of the product. The team at Atlassian hopes that ADG will foster an expectation that their products always provide thoughtful and consistent user experiences. \u201cIt\u2019s about tapping into the emotional state of the user, and thinking about the whole Atlassian experience\u2014that\u2019s our silver bullet,\u201d Alex explains.<\/p>\n

With this goal in mind, the ADG team is helping product teams transition from solving visual problems to product problems. Instead of thinking \u201cWhat should this form look like?\u201d a designer using ADG can ask deeper questions like \u201cHow do I make this form flow the best experience it can be?\u201d or \u201cIs this form even necessary?\u201d This change of mindset gets to the core value of any system, helping teams move from surface-level design problems to the deeper emotional and business needs of their customers.<\/span><\/p>\n

Another interesting benefit of systems pushing into experiences is that it ultimately helps them interact with another closely-related team: branding. With a base system in place, ADG has been able to focus on how to responsibly bring the experience of the brand into the product, and extend it thoughtfully into product interactions. This will only continue in the future as the system becomes more mature and every interaction can be reviewed in the light of its relation to the overall brand.<\/span><\/p>\n

Emotion and Empathy<\/h2>\n

As design teams like Atlassian\u2019s start moving closer and closer to user problems, a foundation of empathy becomes even more important. Currently, the team sees some tactical areas of growth that will help build empathy on their team, not only for each other, but for their end-users as well.<\/span><\/p>\n

One of these tactics is team rotations. Recently, a designer from a product team rotated onto the Design System team to understand how product design is reflected in the system. Instead of only seeing the product through their specific team\u2019s lense, they were able to see how the product is shaped on a global level\u2014an insight specific to the ADG team. \u201cIt allows people who are at the forefront of user\u2019s feedback to come into Platform, and help us design the system and make it much more robust. Because it\u2019s that product feedback that doesn\u2019t always make its way to the platform team.\u201d Not only does this help bring fresh eyes to the system, but it also creates evangelists inside adjacent product teams that understand how to best leverage the system in their given contexts. Alex also sees room for this to grow to other roles and responsibilities in the future.<\/span><\/p>\n

Another tactical focus for the future of ADG is closing design feedback loops, moving closer to the product through analytics and in turn, closer to the users themselves. Moving closer to the product exposes process and implementation problems\u2014a crucial insight into how components should be built and maintained. \u201cIf we can close that feedback loop with user-research and metrics, then we can identify those components and patterns that are underperforming,\u201d Venn states. As a result of that fine-tuning, teams gain a quick turnaround on revisions and iterations to address those needs\u2014allowing products like Jira and Confluence to rapidly address their user\u2019s feedback. <\/span><\/p>\n

With that same empathetic foundation, the team also hopes to get closer to their users, tackling a hot-button topic in systems right now: accessibility. \u201cAs Designers we have a responsibility to ensure that our products can be used by everyone.\u201d The design system should help ensure the same thoughtful experience Atlassian strives for in each product is extended to every user without discrimination. And with a growing foundation in place, the product can easily execute on this core value in the future.<\/span><\/p>\n

A Bright Future<\/h2>\n

The future of design systems at Atlassian (and across the industry) is a bright one. There are plenty of opportunities for the system itself to organically grow, but even more exciting are the myriad of ways the system will help the team to really refine the experience of the product, not just its individual components. Although it\u2019s made up of dozens of components and variables and documents, the goal of ADG is singular: to create a thoughtful and delightful experience for all of their customers. As users of many Atlassian products, we\u2019re happy to see the team executing this vision to perfection, and excited to see where it takes them in the future.<\/span><\/p>\n

 <\/p>\n

Interested in being a designer at Atlassian? To see available positions, check out <\/span>Atlassian Design Careers.<\/span><\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

With many product teams establishing core design systems, it\u2019s only natural that these systems will change and evolve as the industry does. We talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG) and where they see the industry going in the future.<\/p>\n","protected":false},"author":138,"featured_media":16266,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-16263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_title":"","yoast_metadesc":"UXPin talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG).","acf":[],"yoast_head":"\nThe Future of Design Systems | UXPin<\/title>\n<meta name=\"description\" content=\"UXPin talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Future of Design Systems\" \/>\n<meta property=\"og:description\" content=\"UXPin talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-20T23:39:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:35:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-20-at-3.06.50-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1596\" \/>\n\t<meta property=\"og:image:height\" content=\"927\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ryan Clark\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan Clark\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/\"},\"author\":{\"name\":\"Ryan Clark\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/bbb63c1e75899ea9b2ffad7238cc89af\"},\"headline\":\"The Future of Design Systems\",\"datePublished\":\"2018-02-20T23:39:27+00:00\",\"dateModified\":\"2020-04-22T13:35:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/\"},\"wordCount\":1217,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/Screen-Shot-2018-02-20-at-3.06.50-PM.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/\",\"name\":\"The Future of Design Systems | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/Screen-Shot-2018-02-20-at-3.06.50-PM.png\",\"datePublished\":\"2018-02-20T23:39:27+00:00\",\"dateModified\":\"2020-04-22T13:35:15+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/bbb63c1e75899ea9b2ffad7238cc89af\"},\"description\":\"UXPin talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG).\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/Screen-Shot-2018-02-20-at-3.06.50-PM.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/Screen-Shot-2018-02-20-at-3.06.50-PM.png\",\"width\":1596,\"height\":927,\"caption\":\"Screen Shot 2018 02 20 at 3.06.50 PM\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/future-design-systems\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Future of Design Systems\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/bbb63c1e75899ea9b2ffad7238cc89af\",\"name\":\"Ryan Clark\",\"description\":\"Ryan Clark leads Design Operations at The Scenery, a product agency that scales design systems, product teams, and businesses.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/ryan-clark\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Future of Design Systems | UXPin","description":"UXPin talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/","og_locale":"en_US","og_type":"article","og_title":"The Future of Design Systems","og_description":"UXPin talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG).","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/","og_site_name":"Studio by UXPin","article_published_time":"2018-02-20T23:39:27+00:00","article_modified_time":"2020-04-22T13:35:15+00:00","og_image":[{"width":1596,"height":927,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-20-at-3.06.50-PM.png","type":"image\/png"}],"author":"Ryan Clark","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ryan Clark","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/"},"author":{"name":"Ryan Clark","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/bbb63c1e75899ea9b2ffad7238cc89af"},"headline":"The Future of Design Systems","datePublished":"2018-02-20T23:39:27+00:00","dateModified":"2020-04-22T13:35:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/"},"wordCount":1217,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-20-at-3.06.50-PM.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/","name":"The Future of Design Systems | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-20-at-3.06.50-PM.png","datePublished":"2018-02-20T23:39:27+00:00","dateModified":"2020-04-22T13:35:15+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/bbb63c1e75899ea9b2ffad7238cc89af"},"description":"UXPin talked with Alex (Design Team Lead) and Venn (Senior Designer) at Atlassian to hear first-hand how they have grown the Atlassian Design Guidelines (ADG).","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-20-at-3.06.50-PM.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2018\/02\/Screen-Shot-2018-02-20-at-3.06.50-PM.png","width":1596,"height":927,"caption":"Screen Shot 2018 02 20 at 3.06.50 PM"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/future-design-systems\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"The Future of Design Systems"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/bbb63c1e75899ea9b2ffad7238cc89af","name":"Ryan Clark","description":"Ryan Clark leads Design Operations at The Scenery, a product agency that scales design systems, product teams, and businesses.","url":"https:\/\/www.uxpin.com\/studio\/author\/ryan-clark\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/16263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=16263"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/16263\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/16266"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=16263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=16263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=16263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}