{"id":45675,"date":"2013-07-16T11:54:27","date_gmt":"2013-07-16T12:54:27","guid":{"rendered":"http:\/\/www.corporate-eye.com\/main\/?p=45675"},"modified":"2013-07-16T11:54:27","modified_gmt":"2013-07-16T12:54:27","slug":"online-tunnel-vision","status":"publish","type":"post","link":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/","title":{"rendered":"Do You See What I See? Reducing Online Tunnel Vision"},"content":{"rendered":"

\"tunnel-vision\"
\nWebsites are like grocery store shelves \u2013 users pay selective attention to only certain items.\u00a0<\/p>\n

Do you know what your readers are actually seeing on your website?<\/i><\/b><\/p>\n

Of all the variables affecting the success of a box of cereal, grocery shelf positioning is at the top of the list. [1] In fact, the optimum shelf height for selling a box of cereal is 60 inches (152 cm) high [2].<\/p>\n

The strategy behind grocery shelf placement revolves around the science of visual attention. Countless visual stimuli battle for our attention at all times. The human visual system filters this incoming data, reserving only a few relevant pieces of information for higher-level cognitive processing. [3]\n

Online Tunnel Vision<\/h2>\n

Research indicates that the online viewer is not excluded from this selective visual processing.\u00a0 Renowned Human Computer Interaction expert Jakob Nielsen refers to this online selective processing as \u2018tunnel vision\u2019. [4]\n

Nielsen states: \u201cUsers don’t look around\u00a0much. They often stay highly focused on the screen section that they’re engaging with or that they assume contains the answer to their problem<\/i>.\u201d<\/p>\n

Nielsen conducted a study to investigate this form of online tunnel vision. They asked users to view a corporate website, and determine when that corporation entered the U.K. market.<\/p>\n

Interestingly, although the answer to the question (which was year 2000) was prominently presented in large font size at the upper left side of the screen, next to a picture located above the text, the user did not see it. In fact, they managed to read through the entire page, finally locating the year \u20182000\u2019 in the very last sentence of the substantial body of text. \u00a0\u2013 They completely missed the bold \u20182000\u2019 displayed in large font that one would think impossible to miss.<\/p>\n

A Light at the End of the Tunnel<\/h2>\n

Grocery shelf selective attention and online tunnel vision are similar in that they are dependent upon a myriad of factors. However, classic Gestalt Principles offer a simplified solution for online tunnel vision \u2013 group similar objects together on the page.<\/p>\n

Gestalt Principles<\/a> are rules of the organization of the visual field. The Similarity Gestalt Principle states that we group visual elements that are similar to each other in order to simplify our higher-level cognitive processing of visual elements. According to this principle, when objects with similar lightness, color, size, orientation, or shape are grouped together, they are easier for the brain to process, and are thus more noticeable.<\/p>\n

So, with this information in mind, the corporate website featured in Nielsen\u2019s study should have grouped the large, bold \u20182000\u2019 with the rest of the text, <\/i>as opposed to separating it from the rest of the text with a picture.<\/p>\n

Therefore, it is wise to group images with images, and text with text. This will make your website more readable and effective. The user\u2019s brain will also thank you for reducing its workload.<\/p>\n

Resources<\/strong><\/p>\n

[1]<\/a> Cox (1970) The Effect of Shelf Space upon Sales of Branded Products<\/i>.<\/p>\n

[2]<\/a> Chung, Schmit, Dong, & Kaiser, (2007) Economic evaluation of shelf space management in grocery stores<\/i><\/p>\n

[3]<\/a> Walther et al.\u00a0 (2005) Computer Vision and Image Understanding<\/i><\/p>\n

[4] <\/a>Jakob Nielsen\u2019s Alertbox. August 27, 2012: Tunnel Vision and Selective Attention<\/i><\/p>\n

\u00a0<\/a>
\n <\/p>\n

\u00a0<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Websites are like grocery store shelves \u2013 users pay selective attention to only certain items.\u00a0 Do you know what your readers are actually seeing on your website? Of all the variables affecting the success of a box of cereal, grocery shelf positioning is at the top of the list. [1] In fact, the optimum shelf […]<\/p>\n","protected":false},"author":14,"featured_media":45699,"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-45675","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":"\nOnline Tunnel Vision | Corporate Eye<\/title>\n<meta name=\"description\" content=\"Online tunnel vision: do you know what your visitors are actually seeing on your website? What are they missing?\" \/>\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\/online-tunnel-vision\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Online Tunnel Vision | Corporate Eye\" \/>\n<meta property=\"og:description\" content=\"Online tunnel vision: do you know what your visitors are actually seeing on your website? What are they missing?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/\" \/>\n<meta property=\"og:site_name\" content=\"Corporate Eye\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-16T12:54:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"333\" \/>\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\/online-tunnel-vision\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/\"},\"author\":{\"name\":\"Erica Harrison\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/a5e2b029e813263bdb7c09deb0aef21e\"},\"headline\":\"Do You See What I See? Reducing Online Tunnel Vision\",\"datePublished\":\"2013-07-16T12:54:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/\"},\"wordCount\":526,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg\",\"articleSection\":[\"Audience Connection\",\"Best Practices\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/\",\"name\":\"Online Tunnel Vision | Corporate Eye\",\"isPartOf\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg\",\"datePublished\":\"2013-07-16T12:54:27+00:00\",\"description\":\"Online tunnel vision: do you know what your visitors are actually seeing on your website? What are they missing?\",\"breadcrumb\":{\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage\",\"url\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg\",\"contentUrl\":\"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg\",\"width\":500,\"height\":333},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.corporate-eye.com\/main\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Do You See What I See? Reducing Online Tunnel Vision\"}]},{\"@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":"Online Tunnel Vision | Corporate Eye","description":"Online tunnel vision: do you know what your visitors are actually seeing on your website? What are they missing?","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\/online-tunnel-vision\/","og_locale":"en_US","og_type":"article","og_title":"Online Tunnel Vision | Corporate Eye","og_description":"Online tunnel vision: do you know what your visitors are actually seeing on your website? What are they missing?","og_url":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/","og_site_name":"Corporate Eye","article_published_time":"2013-07-16T12:54:27+00:00","og_image":[{"width":500,"height":333,"url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.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\/online-tunnel-vision\/#article","isPartOf":{"@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/"},"author":{"name":"Erica Harrison","@id":"https:\/\/www.corporate-eye.com\/main\/#\/schema\/person\/a5e2b029e813263bdb7c09deb0aef21e"},"headline":"Do You See What I See? Reducing Online Tunnel Vision","datePublished":"2013-07-16T12:54:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/"},"wordCount":526,"commentCount":0,"publisher":{"@id":"https:\/\/www.corporate-eye.com\/main\/#organization"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg","articleSection":["Audience Connection","Best Practices"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/","url":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/","name":"Online Tunnel Vision | Corporate Eye","isPartOf":{"@id":"https:\/\/www.corporate-eye.com\/main\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage"},"image":{"@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage"},"thumbnailUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg","datePublished":"2013-07-16T12:54:27+00:00","description":"Online tunnel vision: do you know what your visitors are actually seeing on your website? What are they missing?","breadcrumb":{"@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#primaryimage","url":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg","contentUrl":"https:\/\/www.corporate-eye.com\/main\/wp-content\/uploads\/2013\/07\/tunnel-vision.jpg","width":500,"height":333},{"@type":"BreadcrumbList","@id":"https:\/\/www.corporate-eye.com\/main\/online-tunnel-vision\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.corporate-eye.com\/main\/"},{"@type":"ListItem","position":2,"name":"Do You See What I See? Reducing Online Tunnel Vision"}]},{"@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\/45675","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=45675"}],"version-history":[{"count":5,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/45675\/revisions"}],"predecessor-version":[{"id":45716,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/posts\/45675\/revisions\/45716"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/media\/45699"}],"wp:attachment":[{"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/media?parent=45675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/categories?post=45675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.corporate-eye.com\/main\/wp-json\/wp\/v2\/tags?post=45675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}