{"id":16193,"date":"2023-06-19T14:44:05","date_gmt":"2023-06-19T14:44:05","guid":{"rendered":"https:\/\/live-flex-main.pantheonsite.io\/?post_type=resource&#038;p=16193"},"modified":"2023-11-14T18:46:24","modified_gmt":"2023-11-14T18:46:24","slug":"what-human-machine-interfaces-tell-consumers-about-your-brand","status":"publish","type":"resource","link":"https:\/\/flex.com\/de\/resources\/what-human-machine-interfaces-tell-consumers-about-your-brand","title":{"rendered":"Was Menschen-Maschine-Schnittstellen Verbrauchern \u00fcber Ihre Marke erz\u00e4hlen"},"content":{"rendered":"<div id=\"overscroll-top\" style=\"background-color: #eaeef4;\"><\/div>\n<div class=\"resource-header block\">\n\t<div class=\"container\">\n\t\t<div class=\"breadcrumb\">\n\t\t\t<a title=\"Homepage\" href=\"\/\">Flex<\/a>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M365.3 256l-22.6 22.6-192 192L128 493.3 82.7 448l22.6-22.6L274.7 256 105.4 86.6 82.7 64 128 18.7l22.6 22.6 192 192L365.3 256z\"\/><\/svg>\n\t\t\t<a title=\"Resources\" href=\"\/resources\">Resources<\/a>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M365.3 256l-22.6 22.6-192 192L128 493.3 82.7 448l22.6-22.6L274.7 256 105.4 86.6 82.7 64 128 18.7l22.6 22.6 192 192L365.3 256z\"\/><\/svg>\n\t\t\t<a title=\"What human-machine interfaces tell consumers about your brand\">What human-machine interfaces tell consumers about your brand<\/a>\n\t\t<\/div>\n\t\t<h1>What human-machine interfaces tell consumers about your brand<\/h1>\n\t\t\t\t<div class=\"separator\"><\/div>\n\t\t<div class=\"details\">\n\t\t\t\t\t\t<div class=\"authors\">\n\t\t\t\t\t\t\t\t<div class=\"author-detail\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"Dave Gonsiorowski Vice President and Chief Technology Officer, Lifestyle Solutions,\" src=\"https:\/\/flex.com\/wp-content\/uploads\/2023\/05\/Leadership-Insight-Dave-Gonsiorowski-336x336.jpg\" title=\"\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tby <a title=\"Dave Gonsiorowski\" href=\"\/leadership\/dave-gonsiorowski\">Dave Gonsiorowski<\/a><br>\n\t\t\t\t\t\tVice President and Chief Technology Officer, Lifestyle Solutions\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"date detail\">\n\t\t\t\tPosted on<br>\n\t\t\t\tJuni 19, 2023\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"categories\">\n\t\t\t\t<div class=\"categories-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"cat-tag\">Blog<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"cat-tag\" data-cat-level=\"2\" data-destination=\"\/leadership-insights-blog\" href=\"\/leadership-insights-blog\">Leadership Insights<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"cat-tag\" data-cat-level=\"3\" data-destination=\"\/industries\/cross-industry-technology?subcategories=hmi#resources\" href=\"\/industries\/cross-industry-technology?subcategories=hmi#resources\">Human-Machine Interface<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"cat-tag\" data-cat-level=\"2\" data-destination=\"\/industries\/lifestyle#resources\" href=\"\/industries\/lifestyle#resources\">Lifestyle<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n\n<div class=\"sidebar block normal-sidebar\">\n\t<div class=\"container\">\n\t\t<div class=\"content\">\n\t\t\t\n<div id=\"id_69d8dd18cae86\" class=\"media block\">\n\t<div class=\"container media-center \">\n\t\t<div class=\"media\" style=\"left: 0px; min-width: 100%; max-width: 100%;\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"image none\">\n\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"What human-machine interfaces tell consumers about your brand\" src=\"https:\/\/flex.com\/wp-content\/uploads\/2023\/06\/979x224_Design-News.jpg\" title=\"\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\n\t<script>\n\t(function () {\n\t\tlet hasRun_id_69d8dd18cae86 = false;\n\t\tfunction updateVideoDisplay_id_69d8dd18cae86() {\n\t\t\tconst youtubeVideoId = \"\";\n\t\t\tconst bynderID = \"\";\n\t\t\tconst mediaType = \"image\";\n\t\t\tconst mediaVideoElement = document.getElementById('media-video-id_69d8dd18cae86');\n\t\t\tconst bodyClass = document.body.className || '';\n\t\t\tconst match = bodyClass.match(\/translatepress-([a-z]{2})(?:_[A-Z]{2})?\/i);\n\t\t\tconst currentLanguage = match ? match[1].toLowerCase() : 'en';\n\t\t\tconst isChineseLang = currentLanguage === 'zh';\n\t\t\tconsole.log('isChineseLang:', isChineseLang);\n\t\t\tconsole.log('Language detected:', currentLanguage);\n\t\t\tconst isValidYouTube = youtubeVideoId && \/^[A-Za-z0-9_-]{11}$\/.test(youtubeVideoId);\n\t\t\t\n\t\t\tif (!mediaVideoElement || mediaType !== \"video\") return;\n\t\t\tmediaVideoElement.innerHTML = ''; \/\/ Clear existing content\n\t\t\t\n\t\t\tlet videoSourceClass = 'fallback-error';\n\t\t\t\n\t\t\tif (isChineseLang) {\n\t\t\t\tif (bynderID) {\n\t\t\t\t\tvideoSourceClass = 'bynder';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (isValidYouTube) {\n\t\t\t\t\tvideoSourceClass = 'youtube';\n\t\t\t\t} else if (bynderID) {\n\t\t\t\t\tvideoSourceClass = 'bynder';\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Apply layout class (used in SCSS)\n\t\t\tmediaVideoElement.className = 'video ' + videoSourceClass;\n\t\t\n\t\t\t\/\/ CASE: Chinese language\n\t\t\tif (isChineseLang) {\n\t\t\t\tif (bynderID) {\n\t\t\t\t\t\/\/ Load Bynder\n\t\t\t\t\tif (!document.getElementById('bynder-widgets-js')) {\n\t\t\t\t\t\tconst script = document.createElement('script');\n\t\t\t\t\t\tscript.src = 'https:\/\/d8ejoa1fys2rk.cloudfront.net\/bynder-embed\/latest\/bynder-embed.js';\n\t\t\t\t\t\tscript.id = 'bynder-widgets-js';\n\t\t\t\t\t\tscript.setAttribute('data-account-url', 'https:\/\/brandcenter.flex.com');\n\t\t\t\t\t\tscript.setAttribute('data-language', 'zh');\n\t\t\t\t\t\tdocument.body.appendChild(script);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tconst bynderDiv = document.createElement('div');\n\t\t\t\t\tbynderDiv.id = 'bynder-id_69d8dd18cae86';\n\t\t\t\t\tbynderDiv.className = 'video-bynder';\n\t\t\t\t\tbynderDiv.setAttribute('data-bynder-widget', 'video-item');\n\t\t\t\t\tbynderDiv.setAttribute('data-media-id', bynderID);\n\t\t\t\t\tmediaVideoElement.appendChild(bynderDiv);\n\t\t\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (typeof BynderEmbed !== 'undefined' && typeof BynderEmbed.load === 'function') {\n\t\t\t\t\t\t\tBynderEmbed.load();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 500);\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ No Bynder = error (even if YouTube is valid)\n\t\t\t\t\tshowVideoError();\n\t\t\t\t}\n\t\t\n\t\t\t\/\/ CASE: Not Chinese\n\t\t\t} else {\n\t\t\t\tif (isValidYouTube) {\n\t\t\t\t\tconst iframe = document.createElement('iframe');\n\t\t\t\t\tiframe.id = 'youtube-id_69d8dd18cae86';\n\t\t\t\t\tiframe.className = 'video-youtube';\n\t\t\t\t\tiframe.src = 'https:\/\/www.youtube.com\/embed\/' + youtubeVideoId + '?rel=0';\n\t\t\t\t\tiframe.frameBorder = '0';\n\t\t\t\t\tiframe.playsInline = true;\n\t\t\t\t\tiframe.allow = 'encrypted-media';\n\t\t\t\t\tiframe.allowFullscreen = true;\n\t\t\t\t\tmediaVideoElement.appendChild(iframe);\n\t\t\t\t} else if (bynderID) {\n\t\t\t\t\t\/\/ Load Bynder (fallback if no YouTube)\n\t\t\t\t\tif (!document.getElementById('bynder-widgets-js')) {\n\t\t\t\t\t\tconst script = document.createElement('script');\n\t\t\t\t\t\tscript.src = 'https:\/\/d8ejoa1fys2rk.cloudfront.net\/bynder-embed\/latest\/bynder-embed.js';\n\t\t\t\t\t\tscript.id = 'bynder-widgets-js';\n\t\t\t\t\t\tscript.setAttribute('data-account-url', 'https:\/\/brandcenter.flex.com');\n\t\t\t\t\t\tscript.setAttribute('data-language', currentLanguage);\n\t\t\t\t\t\tdocument.body.appendChild(script);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tconst bynderDiv = document.createElement('div');\n\t\t\t\t\tbynderDiv.id = 'bynder-id_69d8dd18cae86';\n\t\t\t\t\tbynderDiv.className = 'video-bynder';\n\t\t\t\t\tbynderDiv.setAttribute('data-bynder-widget', 'video-item');\n\t\t\t\t\tbynderDiv.setAttribute('data-media-id', bynderID);\n\t\t\t\t\tmediaVideoElement.appendChild(bynderDiv);\n\t\t\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (typeof BynderEmbed !== 'undefined' && typeof BynderEmbed.load === 'function') {\n\t\t\t\t\t\t\tBynderEmbed.load();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 500);\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ No valid YouTube or Bynder = error\n\t\t\t\t\tshowVideoError();\n\t\t\t\t}\n\t\t\t}\n\t\t\n\t\t\tfunction showVideoError() {\n\t\t\t\tconst errorDiv = document.createElement('div');\n\t\t\t\terrorDiv.id = 'video-error-id_69d8dd18cae86';\n\t\t\t\terrorDiv.className = 'video-error';\n\t\t\t\terrorDiv.innerHTML = `\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>Video Unavailable<\/h3>\n\t\t\t\t\t\t<p>The content you\u2019re seeking is momentarily unavailable. We appreciate your patience and look forward to sharing it with you soon.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t`;\n\t\t\t\tmediaVideoElement.appendChild(errorDiv);\n\t\t\t}\n\t\t}\n\t\t\n\t\tfunction runVideoInjection() {\n\t\t\tif (hasRun_id_69d8dd18cae86) return;\n\t\t\thasRun_id_69d8dd18cae86 = true;\n\t\t\tupdateVideoDisplay_id_69d8dd18cae86();\n\t\t}\n\t\t\n\t\t\/\/ Always run on front-end\n\t\tif (document.readyState === 'loading') {\n\t\t\tdocument.addEventListener('DOMContentLoaded', runVideoInjection);\n\t\t} else {\n\t\t\trunVideoInjection();\n\t\t}\n\t\t\n\t\t\/\/ Also run in editor if available\n\t\tif (typeof wp !== 'undefined' && wp.domReady) {\n\t\t\twp.domReady(runVideoInjection);\n\t\t}\n\t})();\n\t<\/script>\n\t\n\t<script>\n\t\tdocument.addEventListener('DOMContentLoaded', function () {\n\t\t\t\n\t\t\t\/\/ Get the block element by ID\n\t\t\tvar blockElement = document.getElementById(\"id_69d8dd18cae86\");\n\t\t\tif (!blockElement) return;\n\t\n\t\t\t\/\/ Reveal the block\n\t\t\t(function ($) {\n\t\t\t\tScrollReveal().reveal(blockElement.querySelector(\".container .media\"), {origin: \"bottom\", distance: \"20px\", opacity: 1, duration: 1000});\n\t\t\t\tScrollReveal().reveal(blockElement.querySelector(\".container .content\"), {origin: \"bottom\", distance: \"20px\", opacity: 1, duration: 1000});\n\t\t\t}(jQuery));\n\t\t});\n\t<\/script>\n<\/div>\n\n<div class=\"spacer block\" style=\"height: 24px;\">\n\t<\/div>\n\n\n<p>The consumer product graveyard is littered with devices that boasted great features but were overshadowed by a misalignment between consumer expectations and actual experience. In this article for Design News, <a href=\"https:\/\/flex.com\/leadership\/dave-gonsiorowski\">Dave Gonsiorowski, Vice President and Chief Technology Officer, Lifestyle Solutions<\/a> at Flex, discusses the importance of <a href=\"https:\/\/flex.com\/industries\/cross-industry-technology#human-machine-interface\">human-machine interfaces<\/a> (HMI) in creating better user experiences that deliver emotional connections with customers. He explores the different approaches to HMI design that help shape a brand\u2019s personality while addressing style, quality, and cost and also discusses how HMI is used to connect to four core consumer mental models, resulting in improved reviews and increased brand promotion:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ease of Use<\/li>\n\n\n\n<li>Quality to Cost<\/li>\n\n\n\n<li>Brand Personality<\/li>\n\n\n\n<li>Innovation<\/li>\n<\/ul>\n\n\n\n<p class=\"link-arrow\"><a href=\"https:\/\/www.designnews.com\/electronics\/what-hmi-tells-users-about-your-brand\" rel=\"nofollow noopener\" target=\"_blank\">Learn more about these mental models and the different approaches to HMI<\/a><\/p>\n\n\n\t\t<\/div>\n\t\t<div class=\"sidebar normal-column\">\n\t\t\t\t\t\t\t\t\t<div class=\"post\">\n\t\t\t\t\t\t\t\t<a title=\"Beyond returns: Why reverse logistics is a growth strategy, not a cost center\" class=\"image\" href=\"https:\/\/flex.com\/de\/?post_type=resource&#038;p=40938\" target=\"_self\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"\" title=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"label\">\n\t\t\t\t\t\t\tBlog\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<a title=\"Beyond returns: Why reverse logistics is a growth strategy, not a cost center\" class=\"title\" href=\"https:\/\/flex.com\/de\/?post_type=resource&#038;p=40938\" target=\"_self\">\n\t\t\t\t\tBeyond returns: Why reverse logistics is a growth strategy, not a cost center\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"post\">\n\t\t\t\t\t\t\t\t<a title=\"Revathi Advaithi: Transformation starts with culture\" class=\"image\" href=\"https:\/\/flex.com\/de\/resources\/revathi-advaithi-transformation-starts-with-culture\" target=\"_self\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"Revathi Advaithi: Transformation starts with culture\" src=\"https:\/\/flex.com\/wp-content\/uploads\/2026\/03\/RevathiForbes2026_16x9-540x304.png\" title=\"\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"label\">\n\t\t\t\t\t\t\tNews\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<a title=\"Revathi Advaithi: Transformation starts with culture\" class=\"title\" href=\"https:\/\/flex.com\/de\/resources\/revathi-advaithi-transformation-starts-with-culture\" target=\"_self\">\n\t\t\t\t\tRevathi Advaithi: Transformation starts with culture\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"spacer block\" style=\"height: 96px;\">\n\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":31,"featured_media":16197,"template":"","categories":[53,63,73],"tags":[],"content-type":[13],"class_list":["post-16193","resource","type-resource","status-publish","has-post-thumbnail","hentry","category-leadership-insights","category-hmi","category-lifestyle","content-type-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/resource\/16193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/users\/31"}],"version-history":[{"count":0,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/resource\/16193\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/media\/16197"}],"wp:attachment":[{"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/media?parent=16193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/categories?post=16193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/tags?post=16193"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/flex.com\/de\/wp-json\/wp\/v2\/content-type?post=16193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}