{"id":809,"date":"2018-10-25T10:59:00","date_gmt":"2018-10-25T10:59:00","guid":{"rendered":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/?p=809"},"modified":"2020-07-22T09:44:48","modified_gmt":"2020-07-22T09:44:48","slug":"living-style-guides","status":"publish","type":"post","link":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/","title":{"rendered":"Living Style Guides \u2013 The Future of UI Design?"},"content":{"rendered":"\n<p>Like virtually all artifacts in software development, the style guide is also subject to continuous change. Nevertheless, traditional versions are frequently used today, even though technological progress has long since opened up new ways to bring traditional documents to life. This blog post addresses this issue, using the example of the style guide to show how its continuous development can improve the collaboration of designer and developer: Are living style guides the future of UI design?<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Once upon a time&#8230; there was the document-based style guide<\/strong><\/h3>\n\n\n\n<p>For a long time, the collaboration of the UX designer and the front-end developer was governed by an artifact: the document-based style guide. This style guide is typically created as follows:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>First, a requirements analysis is done.<\/li><li>The designer then creates mockups based on the requirements.<\/li><li>The mockups are discussed with the client (x iterations) and finally approved.<\/li><li>Then, the designer creates the agreed graphics with the design tool.<\/li><li>The \u201cstyle guide\u201d document is compiled from the graphics and corresponding descriptions.<\/li><li>In case of amendments, all these steps have to be repeated.<\/li><\/ol>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img decoding=\"async\" src=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/04\/201810_living_styleguides_1-600x156.png\" alt=\"figure for a document-based style guide\" class=\"wp-image-293\"\/><figcaption><em>Figure 1: The document-based style guide<\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>As a basis for communications, a good style guide should include the following points:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Concept (application from the project\u2019s perspective, product vision, UX objectives)<\/li><li>Structure (structure of the application)<\/li><li>Interaction design (design of the dialog between the user and the system)<\/li><li>Color scheme (rules of use for colors)<\/li><li>Typography (fonts and font sizes)<\/li><li>Icons and graphics (overview of all icons and graphics of the application)<\/li><li>Standard interaction elements (repeatedly used user interface elements)<\/li><li>Special views (non-standard UI views and control elements)<\/li><li>Language (communication style and wording)<\/li><li>Multimedia (use of images, audio and video)<\/li><\/ul>\n\n\n\n<p>However, listing the standard interaction elements in particular in a rigid, document-based style guide is not ideal. Considering the number of different UI states such as hover, active, selected, etc. for each element, this list can easily grow to several pages. Few developers like to dig through pages and pages of documents; therefore, the risk of non-compliance with the style guide increases.<\/p>\n\n\n\n<p>Furthermore, the traditional version of the style guide poses two problems: The rigid reference to a document which is often very long requires great imagination, and there is no possibility of interaction with the various elements.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Status quo &amp; future of UI design&#8230; coming to life<\/strong><\/h3>\n\n\n\n<p>There are several approaches for addressing the points of criticism described above. For example, the content of the style guide can be brought to life by means of a UI prototype kept and updated in parallel. This makes it possible to test the various states of the standard interaction elements in the context of the application, or also to represent special views in detail. With this \u201chands-on\u201d mentality, the design requirements become clear more quickly, and the tedious rifling through style guide documents becomes unnecessary.<\/p>\n\n\n\n<p>However, this solution does not eliminate the following issues: In everyday project work, the designer often creates templates that are too unusual and cannot be implemented with the applicable UI framework without significant additional effort. The limited range of functions of the prototyping tool is another problem. It is not always possible to simulate the final behavior down to the last detail, which can lead to false assumptions.<\/p>\n\n\n\n<p>Therefore, the current trend is towards implementing the entire style guide as a separate \u201clive\u201d web application. This means that the elements are implemented in the actual application before use, and the developers only need to copy the source code.<\/p>\n\n\n\n<p>Some useful references:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>IBM: <a href=\"https:\/\/www.ibm.com\/design\/language\/\">https:\/\/www.ibm.com\/design\/language\/<\/a><\/li><li>Google (Material): <a href=\"https:\/\/material.io\/\">https:\/\/material.io\/<\/a><\/li><li>Lonely Planet: <a href=\"http:\/\/rizzo.lonelyplanet.com\/styleguide\/\">http:\/\/rizzo.lonelyplanet.com\/styleguide\/<\/a><\/li><li>Yelp: <a href=\"https:\/\/www.yelp.com\/styleguide\">https:\/\/www.yelp.com\/styleguide<\/a><\/li><li>CodePen: <a href=\"https:\/\/codepen.io\/guide\">https:\/\/codepen.io\/guide<\/a><\/li><li>Atlassian: <a href=\"https:\/\/atlassian.design\/\">https:\/\/atlassian.design\/<\/a> &amp; <a href=\"https:\/\/atlaskit.atlassian.com\/\">https:\/\/atlaskit.atlassian.com\/<\/a><\/li><\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img decoding=\"async\" src=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/04\/201810_living_styleguides_2-600x180.png\" alt=\"example from the IBM Style Guide\" class=\"wp-image-294\"\/><figcaption><em>Figure 2: Example from the IBM Style Guide (www.ibm.com)<\/em><\/figcaption><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The benefits of this implementation are obvious: In addition to a clear structure of the necessary information and elements, maintainability in particular improves significantly. If a color has to be changed, this usually only means a change of the color code in the style sheet in the \u201cliving style guide\u201d; whereas in the traditional, document-based style guide, countless paragraphs and designs have to be updated. Furthermore, the QA department can test the required behavior before the actual development starts. It is even possible for changes in the style guide to be adopted into the application immediately if both applications reference the same style sheet. This way, redundancies and inconsistencies can be excluded from the start. The level of integration of the style guide into the development process certainly depends on the project at hand, but the possibilities of optimization are limitless in this respect.<\/p>\n\n\n\n<p>The \u201cliving style guide\u201d has become all the rage, and it is used by numerous top IT companies such as Google or IBM. It continuously reduces the gap between design and development, and in the end, the one who profits the most is the user :-)!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using the example of the style guide this blog post shows how its continuous development can improve the collaboration of designer and developer: Are living style guides the future of UI design?<\/p>\n","protected":false},"author":57,"featured_media":812,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[11],"tags":[58,60,197,198,390,391,392,393,394,395],"topics":[202],"class_list":["post-809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-usability","tag-ucd","tag-usability","tag-user-experience","tag-ux","tag-measuring","tag-tracking","tag-cui","tag-custom-usability-index","tag-ui","tag-metrics","topics-usability"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Living Styleguides - Zukunft im UI-Design? - ZEISS Digital Innovation Blog<\/title>\n<meta name=\"description\" content=\"Using the example of the style guide this blog post shows how its continuous development can improve the collaboration of designer and developer.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Living Styleguides - Zukunft im UI-Design? - ZEISS Digital Innovation Blog\" \/>\n<meta property=\"og:description\" content=\"Using the example of the style guide this blog post shows how its continuous development can improve the collaboration of designer and developer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Innovation Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-25T10:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-22T09:44:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1281\" \/>\n\t<meta property=\"og:image:height\" content=\"734\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Erik Schiller\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Erik Schiller\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/\",\"name\":\"Living Styleguides - Zukunft im UI-Design? - ZEISS Digital Innovation Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png\",\"datePublished\":\"2018-10-25T10:59:00+00:00\",\"dateModified\":\"2020-07-22T09:44:48+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#\/schema\/person\/912eb9f9175d9041ccfe8e93f39f8ca6\"},\"description\":\"Using the example of the style guide this blog post shows how its continuous development can improve the collaboration of designer and developer.\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#primaryimage\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png\",\"contentUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png\",\"width\":1281,\"height\":734},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Living Style Guides \u2013 The Future of UI Design?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#website\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/\",\"name\":\"Digital Innovation Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#\/schema\/person\/912eb9f9175d9041ccfe8e93f39f8ca6\",\"name\":\"Erik Schiller\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-content\/uploads\/sites\/3\/2024\/06\/Schiller_Erik_Profilbild_300x300px-150x150.jpg\",\"contentUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-content\/uploads\/sites\/3\/2024\/06\/Schiller_Erik_Profilbild_300x300px-150x150.jpg\",\"caption\":\"Erik Schiller\"},\"description\":\"Erik Schiller is a computer scientist (MSc) and works as a business analyst for ZEISS Digital Innovation. He puts his focus on usability and user experience in software development. Apart from that he is active in several software projects for the energy sector and always has an ear for users.\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/author\/enerikschiller\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Living Styleguides - Zukunft im UI-Design? - ZEISS Digital Innovation Blog","description":"Using the example of the style guide this blog post shows how its continuous development can improve the collaboration of designer and developer.","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:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/","og_locale":"en_US","og_type":"article","og_title":"Living Styleguides - Zukunft im UI-Design? - ZEISS Digital Innovation Blog","og_description":"Using the example of the style guide this blog post shows how its continuous development can improve the collaboration of designer and developer.","og_url":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/","og_site_name":"Digital Innovation Blog","article_published_time":"2018-10-25T10:59:00+00:00","article_modified_time":"2020-07-22T09:44:48+00:00","og_image":[{"width":1281,"height":734,"url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png","type":"image\/png"}],"author":"Erik Schiller","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Erik Schiller","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/","name":"Living Styleguides - Zukunft im UI-Design? - ZEISS Digital Innovation Blog","isPartOf":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#primaryimage"},"image":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png","datePublished":"2018-10-25T10:59:00+00:00","dateModified":"2020-07-22T09:44:48+00:00","author":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#\/schema\/person\/912eb9f9175d9041ccfe8e93f39f8ca6"},"description":"Using the example of the style guide this blog post shows how its continuous development can improve the collaboration of designer and developer.","breadcrumb":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#primaryimage","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png","contentUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi.png","width":1281,"height":734},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/living-style-guides\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/"},{"@type":"ListItem","position":2,"name":"Living Style Guides \u2013 The Future of UI Design?"}]},{"@type":"WebSite","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#website","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/","name":"Digital Innovation Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#\/schema\/person\/912eb9f9175d9041ccfe8e93f39f8ca6","name":"Erik Schiller","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/#\/schema\/person\/image\/","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-content\/uploads\/sites\/3\/2024\/06\/Schiller_Erik_Profilbild_300x300px-150x150.jpg","contentUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-content\/uploads\/sites\/3\/2024\/06\/Schiller_Erik_Profilbild_300x300px-150x150.jpg","caption":"Erik Schiller"},"description":"Erik Schiller is a computer scientist (MSc) and works as a business analyst for ZEISS Digital Innovation. He puts his focus on usability and user experience in software development. Apart from that he is active in several software projects for the energy sector and always has an ear for users.","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/author\/enerikschiller\/"}]}},"author_meta":{"display_name":"Erik Schiller","author_link":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/author\/enerikschiller\/"},"featured_img":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2018\/10\/201810_living_styleguides_1_fi-600x344.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">Usability<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Usability<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">UCD<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">Usability<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">user experience<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">UX<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">measuring<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">tracking<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">cui<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">custom usability index<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">UI<\/a>","<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/category\/usability\/\" class=\"advgb-post-tax-term\">metrics<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">UCD<\/span>","<span class=\"advgb-post-tax-term\">Usability<\/span>","<span class=\"advgb-post-tax-term\">user experience<\/span>","<span class=\"advgb-post-tax-term\">UX<\/span>","<span class=\"advgb-post-tax-term\">measuring<\/span>","<span class=\"advgb-post-tax-term\">tracking<\/span>","<span class=\"advgb-post-tax-term\">cui<\/span>","<span class=\"advgb-post-tax-term\">custom usability index<\/span>","<span class=\"advgb-post-tax-term\">UI<\/span>","<span class=\"advgb-post-tax-term\">metrics<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 8 years ago","modified":"Updated 6 years ago"},"absolute_dates":{"created":"Posted on October 25, 2018","modified":"Updated on July 22, 2020"},"absolute_dates_time":{"created":"Posted on October 25, 2018 10:59 am","modified":"Updated on July 22, 2020 9:44 am"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/posts\/809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/comments?post=809"}],"version-history":[{"count":5,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/posts\/809\/revisions"}],"predecessor-version":[{"id":823,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/posts\/809\/revisions\/823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/media\/812"}],"wp:attachment":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/media?parent=809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/categories?post=809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/tags?post=809"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/en\/wp-json\/wp\/v2\/topics?post=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}