{"id":41294,"date":"2012-08-20T08:53:41","date_gmt":"2012-08-20T07:53:41","guid":{"rendered":"http:\/\/www.corporate-eye.com\/blog\/?p=41294"},"modified":"2012-08-16T01:31:31","modified_gmt":"2012-08-16T00:31:31","slug":"connecting-user-interface","status":"publish","type":"post","link":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/","title":{"rendered":"Connecting Through the User Interface: 3 Things You Must Know"},"content":{"rendered":"<p><span class=\"alignright\"><img decoding=\"async\" data-src=\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg\" alt=\"3 things\" title=\"three\" width=\"275\" height=\"412\" class=\"alignnone size-full wp-image-41324 lazyload\" data-srcset=\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg 275w, https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three-133x200.jpg 133w, https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three-200x300.jpg 200w\" data-sizes=\"(max-width: 275px) 100vw, 275px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 275px; --smush-placeholder-aspect-ratio: 275\/412;\" \/><\/span>Corporate communication is increasingly being carried out through laptops, smartphones, and tablets. Engagement and connection with customers now occurs over a user interface through digital content more often than not. Thus understanding the differences between digital content and print content will provide your company with an exceptional advantage over the competition. If you can master the following three aspects of web design, you can expect positive results including reader engagement and improvement in online performance.<\/p>\n<h2>1.\u00a0\u00a0\u00a0  Be Consistent<\/h2>\n<p>Readers need a consistent page-to-page experience. Consistency is an innate need common to all. Inconsistency makes us uncomfortable. From a macro view, research shows that inconsistency causes humans discomfort because we cannot predict or control our future. Research also shows that consistency creates trust, and this relationship can be directly applied to digital content<sup>[1]<\/sup>.<\/p>\n<p>Maintain a consistent tone and writing style throughout your website. Also, be consistent with your navigation; readers appreciate it when the buttons they click bring them to the information they are expecting. Consistency in design is also crucial. Maintain the same design elements throughout your site. By maintaining consistency, you are also building customer trust.<\/p>\n<h2>2.\u00a0\u00a0\u00a0 Avoid Jargon<\/h2>\n<p>Nobody likes to feel like the outsider. Nothing can generate this feeling more than industry jargon tossed into the content of a website. On a grand scale this is due to the\u00a0concept of\u00a0in-group\/out-group identification. Basically this concept implies that\u00a0 people maintain self-esteem by feeling as if they belong to groups that are important to them. If they feel as if they are not a part of a particular group, they develop an out-group bias, and are repelled from anything associated with that particular group<sup>[2]<\/sup>.<\/p>\n<p>Jargon separates you from your customers at both a conscious and unconscious level. Content that is readable and easy to understand will keep the reader on the page and on your team.<\/p>\n<h2>3.\u00a0\u00a0\u00a0 Envision the Letter &#8216;F&#8217;<\/h2>\n<p>The most important thing to know about digital content is that people read it differently than print content. In fact, they don\u2019t really read it at all \u2013 they skim it. Eye-tracking studies have revealed that when searching through text, a reader\u2019s gaze will create an F-Pattern. The reader will skim horizontally across the top of the page and the middle of the page, then skim down the left side of the page<sup>[3]<\/sup>.<\/p>\n<p>The above information indicates the importance of placing important information within this F-Pattern. Thus the top left hand corner receives the majority of the reader\u2019s gaze.\u00a0 So, if you place the key components of your content in the top half of the page, ideally towards the left, then your readers are more likely to find the information they are looking for.<\/p>\n<p>In sum, the user interface is a brand new frontier with endless ways to engage your target audience.\u00a0 With the increase in Internet availability and the rise of Social Media Marketing, it is becoming increasingly important to create digital content and websites that <em>engage<\/em> the reader. An engaged reader is an interested reader. And an interested reader is likely to become a customer.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>References: <\/strong><\/p>\n<ol>\n<li>Festinger, L. (1957) <em>A theory of cognitive dissonance<\/em>. Evanston, IL: Row, Peterson.<\/li>\n<li>Tajfel, H. (Ed.). (1982). Social identity and intergroup relations. Cambridge, England: Cambridge University Press.<\/li>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Jakob_Nielsen_(usability_consultant)\">Jakob Nielsen<\/a> (2006-04-17). <a href=\"http:\/\/www.useit.com\/alertbox\/reading_pattern.html\">&#8220;F-Shaped Pattern For Reading Web Content&#8221;<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Corporate communication is increasingly being carried out through laptops, smartphones, and tablets. Engagement and connection with customers now occurs over a user interface through digital content more often than not. Thus understanding the differences between digital content and print content will provide your company with an exceptional advantage over the competition. If you can master [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":41324,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[7539,9],"tags":[],"class_list":{"0":"post-41294","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-audience-connection","8":"category-best-practices","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>User Interface Design for Connection<\/title>\n<meta name=\"description\" content=\"Engagement and connection with customers and other stakeholders now occurs via a digital interface more often than not. 3 things to know about user interface design\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Interface Design for Connection\" \/>\n<meta property=\"og:description\" content=\"Engagement and connection with customers and other stakeholders now occurs via a digital interface more often than not. 3 things to know about user interface design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/\" \/>\n<meta property=\"og:site_name\" content=\"Corporate Eye\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-20T07:53:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"275\" \/>\n\t<meta property=\"og:image:height\" content=\"412\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Erica Harrison\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@lucynixon\" \/>\n<meta name=\"twitter:site\" content=\"@lucynixon\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Erica Harrison\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/\"},\"author\":{\"name\":\"Erica Harrison\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/a5e2b029e813263bdb7c09deb0aef21e\"},\"headline\":\"Connecting Through the User Interface: 3 Things You Must Know\",\"datePublished\":\"2012-08-20T07:53:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/\"},\"wordCount\":555,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg\",\"articleSection\":[\"Audience Connection\",\"Best Practices\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/\",\"name\":\"User Interface Design for Connection\",\"isPartOf\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg\",\"datePublished\":\"2012-08-20T07:53:41+00:00\",\"description\":\"Engagement and connection with customers and other stakeholders now occurs via a digital interface more often than not. 3 things to know about user interface design\",\"breadcrumb\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg\",\"contentUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg\",\"width\":275,\"height\":412},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.corporate-eye.com\/main\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Connecting Through the User Interface: 3 Things You Must Know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#website\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/\",\"name\":\"Corporate Eye\",\"description\":\"...compare, compete, excel\",\"publisher\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.corporate-eye.com\/main\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#organization\",\"name\":\"Corporate Eye\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png\",\"contentUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png\",\"width\":283,\"height\":42,\"caption\":\"Corporate Eye\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/lucynixon\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/a5e2b029e813263bdb7c09deb0aef21e\",\"name\":\"Erica Harrison\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a1cc96f3b43e06cda6c648a80a9126a4ada777511319f2724751a935fd5e7295?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a1cc96f3b43e06cda6c648a80a9126a4ada777511319f2724751a935fd5e7295?s=96&d=identicon&r=g\",\"caption\":\"Erica Harrison\"},\"url\":\"https:\/\/www.corporate-eye.com\/main\/author\/ericah\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Interface Design for Connection","description":"Engagement and connection with customers and other stakeholders now occurs via a digital interface more often than not. 3 things to know about user interface design","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:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/","og_locale":"en_US","og_type":"article","og_title":"User Interface Design for Connection","og_description":"Engagement and connection with customers and other stakeholders now occurs via a digital interface more often than not. 3 things to know about user interface design","og_url":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/","og_site_name":"Corporate Eye","article_published_time":"2012-08-20T07:53:41+00:00","og_image":[{"width":275,"height":412,"url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg","type":"image\/jpeg"}],"author":"Erica Harrison","twitter_card":"summary_large_image","twitter_creator":"@lucynixon","twitter_site":"@lucynixon","twitter_misc":{"Written by":"Erica Harrison","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#article","isPartOf":{"@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/"},"author":{"name":"Erica Harrison","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/a5e2b029e813263bdb7c09deb0aef21e"},"headline":"Connecting Through the User Interface: 3 Things You Must Know","datePublished":"2012-08-20T07:53:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/"},"wordCount":555,"commentCount":0,"publisher":{"@id":"https:\/\/www.corporate-eye.com\/main\/#organization"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg","articleSection":["Audience Connection","Best Practices"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/","url":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/","name":"User Interface Design for Connection","isPartOf":{"@id":"https:\/\/www.corporate-eye.com\/main\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg","datePublished":"2012-08-20T07:53:41+00:00","description":"Engagement and connection with customers and other stakeholders now occurs via a digital interface more often than not. 3 things to know about user interface design","breadcrumb":{"@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#primaryimage","url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg","contentUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2012\/08\/three.jpg","width":275,"height":412},{"@type":"BreadcrumbList","@id":"https:\/\/www.corporate-eye.com\/main\/connecting-user-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.corporate-eye.com\/main\/"},{"@type":"ListItem","position":2,"name":"Connecting Through the User Interface: 3 Things You Must Know"}]},{"@type":"WebSite","@id":"https:\/\/www.corporate-eye.com\/main\/#website","url":"https:\/\/www.corporate-eye.com\/main\/","name":"Corporate Eye","description":"...compare, compete, excel","publisher":{"@id":"https:\/\/www.corporate-eye.com\/main\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.corporate-eye.com\/main\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.corporate-eye.com\/main\/#organization","name":"Corporate Eye","url":"https:\/\/www.corporate-eye.com\/main\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/","url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png","contentUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2019\/11\/corporate-eye-logo.png","width":283,"height":42,"caption":"Corporate Eye"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/lucynixon"]},{"@type":"Person","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/a5e2b029e813263bdb7c09deb0aef21e","name":"Erica Harrison","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a1cc96f3b43e06cda6c648a80a9126a4ada777511319f2724751a935fd5e7295?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1cc96f3b43e06cda6c648a80a9126a4ada777511319f2724751a935fd5e7295?s=96&d=identicon&r=g","caption":"Erica Harrison"},"url":"https:\/\/www.corporate-eye.com\/main\/author\/ericah\/"}]}},"modified_by":"Lucy Nixon","_links":{"self":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/41294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/comments?post=41294"}],"version-history":[{"count":5,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/41294\/revisions"}],"predecessor-version":[{"id":41360,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/41294\/revisions\/41360"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/media\/41324"}],"wp:attachment":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/media?parent=41294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/categories?post=41294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/tags?post=41294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}