{"id":3174,"date":"2010-01-01T08:30:07","date_gmt":"2010-01-01T07:30:07","guid":{"rendered":"http:\/\/www.bluehair.co\/?p=3174"},"modified":"2016-05-01T22:09:35","modified_gmt":"2016-05-01T20:09:35","slug":"jftot-user-interface-design-for-laboratory-equipment","status":"publish","type":"post","link":"https:\/\/www.bluehair.co\/corner\/2010\/01\/jftot-user-interface-design-for-laboratory-equipment\/","title":{"rendered":"JFTOT: User experience design for a family of industrial lab equipment"},"content":{"rendered":"<p><a href=\"http:\/\/www.bluehair.co\/?p=3174\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3181\" src=\"http:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/JFTOT-header-01-630x300.png\" alt=\"\" width=\"630\" height=\"300\" srcset=\"https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/JFTOT-header-01.png 630w, https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/JFTOT-header-01-315x150.png 315w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><\/p>\n<table style=\"width: 100%;\" border=\"0\">\n<tbody>\n<tr>\n<td><a href=\"http:\/\/www.paclp.com\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-3714 size-full\" src=\"http:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/PAC-1.png\" alt=\"PAC\" width=\"150\" height=\"100\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<h4>Relevant keywords<\/h4>\n<p>Laboratory instruments, User interface\u00a0harmonization,\u00a0GIO Award 2013, American Good Design Award 2013<\/p>\n<h4>Design goal<\/h4>\n<p>PAC commissioned\u00a0VanBerlo with the task of performing a portfolio-wide harmonization of their user interfaces, based on the design and styling developed during a <a href=\"http:\/\/www.bluehair.co\/?p=3207\" target=\"_blank\">previous project.<\/a> This harmonization was to be started with the design of\u00a0JFTOT, the newest addition to their growing family of\u00a0industrial lab equipment.<\/p>\n<h4>Specific role &amp; contribution<\/h4>\n<ul>\n<li><strong>Project planning and management<\/strong>, including preparation of quotes and direct communication with client<\/li>\n<li>On-site visits and direct <strong>communication with developers<\/strong><\/li>\n<li>Initial <strong>analysis\u00a0of the benefits<\/strong> of a\u00a0UI harmonization<\/li>\n<li><strong>Conceptualization and wire-framing<\/strong> for JFTOT&#8217;s UI<\/li>\n<\/ul>\n<\/blockquote>\n<table style=\"width: 100%;\" border=\"0\">\n<tbody>\n<tr>\n<td><a href=\"http:\/\/www.gio.nl\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-3695 size-full\" src=\"http:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/GIO2013.png\" alt=\"GIO2013\" width=\"150\" height=\"100\" \/><\/a><a href=\"https:\/\/chi-athenaeum.org\/about-good-design.html\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-3715 size-full\" src=\"http:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/GoodDesign.jpg\" alt=\"GoodDesign\" width=\"150\" height=\"100\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><!--more--><\/p>\n<h1>The Project<\/h1>\n<p>Under VanBerlo&#8217;s advice, PAC understood that it would benefit from having a clear and harmonized\u00a0UI design guideline as a starting point for ongoing and all future PAC product development, in terms of ease of use and a unified brand perception throughout the whole product portfolio. The first step in this harmonization effort would be the design of the UI for the Jet Fuel Thermal Oxidation Tester (JFTOT).<\/p>\n<h2>Harmonization analysis<\/h2>\n<p>A quick analysis was made of the benefits a harmonized UI guideline would bring\u00a0to all PAC products. The principles identified here would be phased in with each new\u00a0release of the products and updates. Later on, as more products were included, a UI guidelines document would be created to serve as a blueprint for future developments.<\/p>\n<p>[robo-gallery id=&#8221;3278&#8243;]<\/p>\n<h2>Product analysis<\/h2>\n<p>Defining the <strong><em>instrument\u2019s functionality<\/em><\/strong> is undoubtedly\u00a0part of PAC\u2019s expertise, but VanBerlo\u2019s experience and knowledge in the fields of UI and interaction design were a great asset in defining a harmonized way for users to <strong><em>access and interact<\/em><\/strong> with said functionality (structuring &amp; logic). The product\u00a0and use cases were therefore analysed, along with the\u00a0UI proposed by PAC&#8217;s engineers, and\u00a0some proposals were made based on VanBerlo&#8217;s insights.<\/p>\n<p>[robo-gallery id=&#8221;3287&#8243;]<\/p>\n<h2>Conceptualization &amp; delivery<\/h2>\n<p>Final wireframe proposals were created for the main screens of the product and directly communicated with PAC developers. As part of the harmonization efforts, existing graphical assets from the <a href=\"http:\/\/www.bluehair.co\/?p=3207\" target=\"_blank\">previous project<\/a> were used to maintain the same styling.<\/p>\n<p>[robo-gallery id=&#8221;3293&#8243;]<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/7tz5L-1DBDA\" width=\"630\" height=\"354\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Relevant keywords Laboratory instruments, User interface\u00a0harmonization,\u00a0GIO Award 2013, American Good Design Award 2013 Design goal PAC commissioned\u00a0VanBerlo with the task of performing a portfolio-wide harmonization of their user interfaces, based on the design and styling developed during a previous project. This harmonization was to be started with the design of\u00a0JFTOT, the newest addition to their [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[10,4,8,5,124,6],"tags":[129,68,59,64,87,128],"class_list":["post-3174","post","type-post","status-publish","format-standard","hentry","category-bluehairing","category-designing","category-graphic","category-interaction","category-portfolio","category-product","tag-laboratory","tag-portfolio","tag-product-analysis","tag-user-interfaces","tag-vanberlo","tag-wireframing"],"_links":{"self":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/3174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/comments?post=3174"}],"version-history":[{"count":23,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/3174\/revisions"}],"predecessor-version":[{"id":3822,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/3174\/revisions\/3822"}],"wp:attachment":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/media?parent=3174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/categories?post=3174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/tags?post=3174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}