{"id":3168,"date":"2010-01-01T08:00:09","date_gmt":"2010-01-01T07:00:09","guid":{"rendered":"http:\/\/www.bluehair.co\/?p=3168"},"modified":"2016-05-02T23:41:30","modified_gmt":"2016-05-02T21:41:30","slug":"langen-creating-ui-guidelines-for-industrial-packaging-machines","status":"publish","type":"post","link":"https:\/\/www.bluehair.co\/corner\/2010\/01\/langen-creating-ui-guidelines-for-industrial-packaging-machines\/","title":{"rendered":"Langen: Creating UX guidelines for industrial packaging machines"},"content":{"rendered":"<p><a href=\"http:\/\/www.bluehair.co\/?p=3168\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3170\" src=\"http:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/Langen-header-01-630x300.png\" alt=\"\" width=\"630\" height=\"300\" srcset=\"https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/Langen-header-01.png 630w, https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/Langen-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.langengroup.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-3718 size-full\" src=\"http:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2010\/01\/Langen-1.png\" width=\"150\" height=\"100\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote>\n<h4>Relevant keywords<\/h4>\n<p>Industrial machinery, User interface guidelines, Packaging<\/p>\n<h4>Design goal<\/h4>\n<p>In an effort to bring together the\u00a0user interface\u00a0developments of both\u00a0its European and American branches, Langen Group\u00a0commissioned\u00a0VanBerlo\u00a0to develop a new set of harmonized\u00a0UI\u00a0guidelines\u00a0for its products.<\/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>Organized <strong>on-site visits and workshops<\/strong> with\u00a0the client for an in-depth analysis of the product<\/li>\n<li>Responsible for all <strong>conceptualization and styling<\/strong> activities<\/li>\n<li>Direct <strong>communication with developers<\/strong>\u00a0and support during production phase<\/li>\n<\/ul>\n<\/blockquote>\n<p><!--more--><\/p>\n<h1>The project<\/h1>\n<p>Langen Group is an industrial\u00a0packaging machinery producer. These machines are controlled by an operator through the use of a control panel including a resistive touchscreen from which different parameters can be set and processes can be controlled and monitored. VanBerlo was commissioned\u00a0to review and visualize\u00a0the current\u00a0structure of the machine&#8217;s user interface.\u00a0A new\u00a0styling proposal should also be defined to\u00a0adequately fit the system, both in terms of the professional look that is sought-after, as well as the system\u2019s technical limitations.<\/p>\n<h2>Research and analysis<\/h2>\n<p>On-site visits to Langen were organized in order to gather more information regarding the products affected by the new UI guidelines. The visit aimed to collect general background information about the product, the context of use and the end users.<\/p>\n<p>[robo-gallery id=&#8221;3226&#8243;]<\/p>\n<p>A workshop with\u00a0Langen engineers\u00a0was organized to\u00a0review the current\u00a0navigation structure\u00a0and changes were proposed the basis of the identified key aspects of the on-site visit.<\/p>\n<h2>Conceptualization and styling<\/h2>\n<p>The revised structure was then visualized as screen\u00a0mockups and a single styling proposal (based on VanBerlo\u2019s experience with similar products) was developed and applied to a selection of representative screens.<\/p>\n<p>[robo-gallery id=&#8221;3231&#8243;]<\/p>\n<h2>Production support<\/h2>\n<p>There was a constant communication with the developers as part of the projects production support.\u00a0This resulted in requests for new types of screens from new machines,\u00a0which fell outside the scope of the original guidelines. The graphical assets for implementation of the software were exported according to the necessary slicing required\u00a0by the developers.<\/p>\n<p>[robo-gallery id=&#8221;3250&#8243;]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Relevant keywords Industrial machinery, User interface guidelines, Packaging Design goal In an effort to bring together the\u00a0user interface\u00a0developments of both\u00a0its European and American branches, Langen Group\u00a0commissioned\u00a0VanBerlo\u00a0to develop a new set of harmonized\u00a0UI\u00a0guidelines\u00a0for its products. Specific role &amp; contribution Project planning and management, including preparation of quotes and direct communication with client Organized on-site visits and [&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],"tags":[127,68,59,64,87],"class_list":["post-3168","post","type-post","status-publish","format-standard","hentry","category-bluehairing","category-designing","category-graphic","category-interaction","category-portfolio","tag-industrial","tag-portfolio","tag-product-analysis","tag-user-interfaces","tag-vanberlo"],"_links":{"self":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/3168","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=3168"}],"version-history":[{"count":14,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/3168\/revisions"}],"predecessor-version":[{"id":3854,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/3168\/revisions\/3854"}],"wp:attachment":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/media?parent=3168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/categories?post=3168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/tags?post=3168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}