{"id":49087,"date":"2023-04-10T14:11:21","date_gmt":"2023-04-10T21:11:21","guid":{"rendered":"https:\/\/applitools.com\/?p=49087"},"modified":"2023-05-31T07:57:33","modified_gmt":"2023-05-31T14:57:33","slug":"announcing-applitools-centra-ui-validation-from-design-to-implementation","status":"publish","type":"post","link":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/","title":{"rendered":"Announcing Applitools Centra: UI Validation From Design to Implementation"},"content":{"rendered":"\n<div class=\"wp-block-group pt-xs pb-xs is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The user interface (UI) is the last frontier of differentiation for companies of all sizes. When you think about financial institutions, a lot of the services that they offer digitally are exactly the same. A lot of the services and the data they all tap into have been commoditized. What hasn&#8217;t been commoditized is the actual digital online experience \u2013 what it looks like and how you complete actions.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u201cExamined at an organizational level, a mature design thinking practice can achieve an <strong>ROI between 71% and 107%<\/strong>, based on a consistent series of inputs and outputs.\u201d<\/p>\n<cite><a href=\"https:\/\/www.forrester.com\/report\/The-ROI-Of-Design-Thinking-Part-1-Overview\/RES144456\"><strong><span style=\"text-decoration: underline;\">The ROI Of Design Thinking, Forrester Business Case Report<\/span><\/strong><\/a><\/cite><\/blockquote>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pt-xs pb-xs is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\" id=\"h-the-challenges-of-building-ui\">The challenges of building UI<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-simple-1024x564.jpg\" alt=\"Easy version of design to production\" class=\"wp-image-49090\" srcset=\"https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-simple-1024x564.jpg 1024w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-simple-300x165.jpg 300w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-simple-768x423.jpg 768w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-simple-1536x847.jpg 1536w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-simple.jpg 1613w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Modern UIs today are built by a diverse set of teams that work together at different parts of the process. The pace at which these design, development, QA, operations, marketing, and product teams ship their work is continuing to accelerate \u2013 creating new challenges around communication, collaboration, and validation across the workflow.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-realistic-1024x475.jpg\" alt=\"Realistic version of design to production\" class=\"wp-image-49091\" srcset=\"https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-realistic-1024x475.jpg 1024w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-realistic-300x139.jpg 300w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-realistic-768x356.jpg 768w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-realistic-1536x712.jpg 1536w, https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/design-to-production-realistic.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Getting from design mock-ups in Figma to live UI is a process that includes a lot of feedback and testing. It starts with the designer who passes to the product manager for approval before the developer can start building. Feedback in the development process requires rework to make those updates before it can get approval from the product manager. This is all before the testing team has even started their review.<\/p>\n\n\n\n<p>You can see the game of telephone that&#8217;s played through different stakeholders into production, and we get something that&#8217;s slightly different at multiple levels. This makes measuring what actually happened and what actually needs to change incredibly hard, making it a huge burden on teams to ship clean UIs at a fast pace. Some of our main challenges here are:<\/p>\n\n\n\n<ul>\n<li>Lack of communication between the growing group of stakeholders<\/li>\n\n\n\n<li>Breadth of technology during implementation causing inconsistencies<\/li>\n\n\n\n<li>No continued source of truth across tooling as the app UI evolves<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pt-xs pb-xs is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\" id=\"h-how-applitools-centra-helps-ui-teams-collaborate\">How Applitools Centra helps UI teams collaborate<\/h2>\n\n\n\n<p>Applitools\u2019 newest product Centra is a collaboration platform for teams of all sizes to alleviate these challenges. Applitools Centra enables organizations to track, validate, and collaborate on UIs from design to production. Centra uploads application designs from tools like Figma to the Applitools Test Cloud. Then, Centra compares the designs against current baselines in local, staging, or production environments. Designers, developers, testers, or digital leaders then validate that their application interface looks exactly as it was intended.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-benefits-of-using-applitools-centra\">Benefits of using Applitools Centra<\/h3>\n\n\n\n<ul>\n<li><strong>Less drift in the UI<\/strong>: By comparing design and implementation throughout the development lifecycle, teams can cut down on the amount of drift between design and production that occurs in their UI.<\/li>\n\n\n\n<li><strong>Design as documentation<\/strong>: Disseminate designs as a single source of truth across teams so that QA teams will know exactly what interfaces are supposed to look like during validation.&nbsp;<\/li>\n\n\n\n<li><strong>Increased cross-functional collaboration<\/strong>: Teams from different functions across the design-to-experience process can all communicate over the interfaces that they are shipping. Product Managers, Designers, and Developers can all have equal visibility into what actually makes it to production.<\/li>\n\n\n\n<li><strong>Catching bugs earlier<\/strong>: Shift left into design and catch bugs earlier in the SDLC \u2013 right at the moment of implementation, when the cost to fix is at its lowest.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group pt-xs pb-xs is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\" id=\"h-start-using-applitools-centra\">Start using Applitools Centra<\/h2>\n\n\n\n<p>Check out the full demo of Centra in our <a href=\"https:\/\/applitools.com\/resources\/webinars\/introducing-centra\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">announcement webinar<\/span><\/strong><\/a>. Centra is free to use for teams, and you can <a href=\"https:\/\/applitools.com\/centra\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><span style=\"text-decoration: underline;\">sign up for the waitlist<\/span><\/strong><\/a> to start using it on your teams.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The user interface (UI) is the last frontier of differentiation for companies of all sizes. When you think about financial institutions, a lot of the services that they offer digitally&#8230;<\/p>\n","protected":false},"author":94,"featured_media":49099,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10558],"tags":[16794,16884,16885,12691,12758,16886,16887],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Applitools Centra: UI Validation From Design to Development<\/title>\n<meta name=\"description\" content=\"Applitools Centra enables organizations to track, validate, and collaborate on UIs from design to production.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing Applitools Centra: UI Validation From Design to Implementation\" \/>\n<meta property=\"og:description\" content=\"The user interface (UI) is the last frontier of differentiation for companies of all sizes. When you think about financial institutions, a lot of the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/\" \/>\n<meta property=\"og:site_name\" content=\"Automated Visual Testing | Applitools\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-10T21:11:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-31T14:57:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/blog_announcing-centra.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"831\" \/>\n\t<meta property=\"og:image:height\" content=\"542\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dan Giordano\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dan Giordano\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/\"},\"author\":{\"name\":\"Dan Giordano\",\"@id\":\"https:\/\/applitools.com\/#\/schema\/person\/dae215fa4eca9fc1fc41221379a4a1fa\"},\"headline\":\"Announcing Applitools Centra: UI Validation From Design to Implementation\",\"datePublished\":\"2023-04-10T21:11:21+00:00\",\"dateModified\":\"2023-05-31T14:57:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/\"},\"wordCount\":584,\"publisher\":{\"@id\":\"https:\/\/applitools.com\/#organization\"},\"keywords\":[\"Applitools\",\"Centra\",\"designers\",\"Developers\",\"Product\",\"product managers\",\"QA\"],\"articleSection\":[\"Product\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/\",\"url\":\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/\",\"name\":\"Applitools Centra: UI Validation From Design to Development\",\"isPartOf\":{\"@id\":\"https:\/\/applitools.com\/#website\"},\"datePublished\":\"2023-04-10T21:11:21+00:00\",\"dateModified\":\"2023-05-31T14:57:33+00:00\",\"description\":\"Applitools Centra enables organizations to track, validate, and collaborate on UIs from design to production.\",\"breadcrumb\":{\"@id\":\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/applitools.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product\",\"item\":\"https:\/\/applitools.com\/blog\/category\/product\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Announcing Applitools Centra: UI Validation From Design to Implementation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/applitools.com\/#website\",\"url\":\"https:\/\/applitools.com\/\",\"name\":\"Automated Visual Testing | Applitools\",\"description\":\"Applitools delivers the next generation of test automation powered by AI assisted computer vision technology known as Visual AI.\",\"publisher\":{\"@id\":\"https:\/\/applitools.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/applitools.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/applitools.com\/#organization\",\"name\":\"Applitools\",\"url\":\"https:\/\/applitools.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/applitools.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ewig5qf9cgn.exactdn.com\/wp-content\/uploads\/2020\/03\/applitools.png?strip=all&lossy=1&ssl=1\",\"contentUrl\":\"https:\/\/ewig5qf9cgn.exactdn.com\/wp-content\/uploads\/2020\/03\/applitools.png?strip=all&lossy=1&ssl=1\",\"width\":156,\"height\":28,\"caption\":\"Applitools\"},\"image\":{\"@id\":\"https:\/\/applitools.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/applitools.com\/#\/schema\/person\/dae215fa4eca9fc1fc41221379a4a1fa\",\"name\":\"Dan Giordano\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/applitools.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2f2e7cc803fc8664c502d59bb3babd91?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2f2e7cc803fc8664c502d59bb3babd91?s=96&d=mm&r=g\",\"caption\":\"Dan Giordano\"},\"url\":\"https:\/\/applitools.com\/blog\/author\/dgiordano\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Applitools Centra: UI Validation From Design to Development","description":"Applitools Centra enables organizations to track, validate, and collaborate on UIs from design to production.","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:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/","og_locale":"en_US","og_type":"article","og_title":"Announcing Applitools Centra: UI Validation From Design to Implementation","og_description":"The user interface (UI) is the last frontier of differentiation for companies of all sizes. When you think about financial institutions, a lot of the","og_url":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/","og_site_name":"Automated Visual Testing | Applitools","article_published_time":"2023-04-10T21:11:21+00:00","article_modified_time":"2023-05-31T14:57:33+00:00","og_image":[{"width":831,"height":542,"url":"https:\/\/applitools.com\/wp-content\/uploads\/2023\/04\/blog_announcing-centra.jpg","type":"image\/jpeg"}],"author":"Dan Giordano","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dan Giordano","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/#article","isPartOf":{"@id":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/"},"author":{"name":"Dan Giordano","@id":"https:\/\/applitools.com\/#\/schema\/person\/dae215fa4eca9fc1fc41221379a4a1fa"},"headline":"Announcing Applitools Centra: UI Validation From Design to Implementation","datePublished":"2023-04-10T21:11:21+00:00","dateModified":"2023-05-31T14:57:33+00:00","mainEntityOfPage":{"@id":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/"},"wordCount":584,"publisher":{"@id":"https:\/\/applitools.com\/#organization"},"keywords":["Applitools","Centra","designers","Developers","Product","product managers","QA"],"articleSection":["Product"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/","url":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/","name":"Applitools Centra: UI Validation From Design to Development","isPartOf":{"@id":"https:\/\/applitools.com\/#website"},"datePublished":"2023-04-10T21:11:21+00:00","dateModified":"2023-05-31T14:57:33+00:00","description":"Applitools Centra enables organizations to track, validate, and collaborate on UIs from design to production.","breadcrumb":{"@id":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/applitools.com\/blog\/announcing-applitools-centra-ui-validation-from-design-to-implementation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/applitools.com\/"},{"@type":"ListItem","position":2,"name":"Product","item":"https:\/\/applitools.com\/blog\/category\/product\/"},{"@type":"ListItem","position":3,"name":"Announcing Applitools Centra: UI Validation From Design to Implementation"}]},{"@type":"WebSite","@id":"https:\/\/applitools.com\/#website","url":"https:\/\/applitools.com\/","name":"Automated Visual Testing | Applitools","description":"Applitools delivers the next generation of test automation powered by AI assisted computer vision technology known as Visual AI.","publisher":{"@id":"https:\/\/applitools.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/applitools.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/applitools.com\/#organization","name":"Applitools","url":"https:\/\/applitools.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/applitools.com\/#\/schema\/logo\/image\/","url":"https:\/\/ewig5qf9cgn.exactdn.com\/wp-content\/uploads\/2020\/03\/applitools.png?strip=all&lossy=1&ssl=1","contentUrl":"https:\/\/ewig5qf9cgn.exactdn.com\/wp-content\/uploads\/2020\/03\/applitools.png?strip=all&lossy=1&ssl=1","width":156,"height":28,"caption":"Applitools"},"image":{"@id":"https:\/\/applitools.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/applitools.com\/#\/schema\/person\/dae215fa4eca9fc1fc41221379a4a1fa","name":"Dan Giordano","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/applitools.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2f2e7cc803fc8664c502d59bb3babd91?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2f2e7cc803fc8664c502d59bb3babd91?s=96&d=mm&r=g","caption":"Dan Giordano"},"url":"https:\/\/applitools.com\/blog\/author\/dgiordano\/"}]}},"_links":{"self":[{"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/posts\/49087"}],"collection":[{"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/users\/94"}],"replies":[{"embeddable":true,"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/comments?post=49087"}],"version-history":[{"count":9,"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/posts\/49087\/revisions"}],"predecessor-version":[{"id":49108,"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/posts\/49087\/revisions\/49108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/media\/49099"}],"wp:attachment":[{"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/media?parent=49087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/categories?post=49087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/applitools.com\/wp-json\/wp\/v2\/tags?post=49087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}