{"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\/zh\/resources\/what-human-machine-interfaces-tell-consumers-about-your-brand","title":{"rendered":"\u4eba\u673a\u754c\u9762\u5411\u6d88\u8d39\u8005\u4f20\u8fbe\u4e86\u60a8\u54c1\u724c\u7684\u54ea\u4e9b\u4fe1\u606f\uff1f"},"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\">\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\t19 6 \u6708, 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_6a34849b2d59b\" 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\">\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_6a34849b2d59b = false;\n\t\tfunction updateVideoDisplay_id_6a34849b2d59b() {\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_6a34849b2d59b');\n\t\t\tconst bodyClass = document.body?.className || '';\n\t\t\tlet currentLanguage = 'en';\n\t\t\t\n\t\t\tif (bodyClass.includes('translatepress-')) {\n\t\t\t\tconst match = bodyClass.match(\/translatepress-([a-z]{2})(?:_[A-Z]{2})?\/i);\n\t\t\t\tif (match) currentLanguage = match[1].toLowerCase();\n\t\t\t}\n\t\t\t\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_6a34849b2d59b';\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_6a34849b2d59b';\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_6a34849b2d59b';\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_6a34849b2d59b';\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_6a34849b2d59b) return;\n\t\t\thasRun_id_6a34849b2d59b = true;\n\t\t\tupdateVideoDisplay_id_6a34849b2d59b();\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_6a34849b2d59b\");\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=\"Modular approach cuts data center build time by 30%\" class=\"image\" href=\"https:\/\/www.facilitiesdive.com\/news\/modular-approach-can-speed-data-center-construction-by-30-flex\/822815\/\" target=\"_blank\" rel=\"nofollow noopener\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"Modular approach cuts data center build time by 30%\" src=\"https:\/\/flex.com\/wp-content\/uploads\/2026\/06\/FacilitiesDive-article-540x304.png\">\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=\"Modular approach cuts data center build time by 30%\" class=\"title\" href=\"https:\/\/www.facilitiesdive.com\/news\/modular-approach-can-speed-data-center-construction-by-30-flex\/822815\/\" target=\"_blank\" rel=\"nofollow noopener\">\n\t\t\t\t\tModular approach cuts data center build time by 30%\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=\"Addressing power constraints in AI data centers\" class=\"image\" href=\"https:\/\/www.datacenterdynamics.com\/en\/opinions\/overcoming-data-center-power-availability-constraints-to-accelerate-growth\/\" target=\"_blank\" rel=\"nofollow noopener\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"Addressing power constraints in AI data centers\" src=\"https:\/\/flex.com\/wp-content\/uploads\/2026\/06\/Chris-Article-Image-540x304.png\">\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=\"Addressing power constraints in AI data centers\" class=\"title\" href=\"https:\/\/www.datacenterdynamics.com\/en\/opinions\/overcoming-data-center-power-availability-constraints-to-accelerate-growth\/\" target=\"_blank\" rel=\"nofollow noopener\">\n\t\t\t\t\tAddressing power constraints in AI data centers\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\/zh\/wp-json\/wp\/v2\/resource\/16193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/users\/31"}],"version-history":[{"count":0,"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/resource\/16193\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/media\/16197"}],"wp:attachment":[{"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/media?parent=16193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/categories?post=16193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/tags?post=16193"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/flex.com\/zh\/wp-json\/wp\/v2\/content-type?post=16193"}],"curies":[{"name":"\u53ef\u6e7f\u6027\u7c89\u5242","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}