{"id":9376,"date":"2019-10-21T16:10:57","date_gmt":"2019-10-21T14:10:57","guid":{"rendered":"https:\/\/www.vexels.com\/blog\/?p=9376"},"modified":"2019-10-21T16:11:56","modified_gmt":"2019-10-21T14:11:56","slug":"9-cognitive-psychology-tricks-for-ux-design-excellence","status":"publish","type":"post","link":"\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/","title":{"rendered":"9 Cognitive Psychology Tricks for UX Design Excellence"},"content":{"rendered":"

What can look like good UI, can prove to be a really bad case of UX. <\/span><\/p>\n

As much as developers might think that technical knowledge is what improves user experience, in most cases, psychology plays the biggest role. Are you surprised? You shouldn\u2019t, because UX design has a long and consolidated relationship with psychology. Here are some tricks to use cognitive psychology to reach UX design excellence.\u00a0<\/span><\/p>\n

\"\"<\/span><\/h2>\n

The link between user experience and psychology<\/span><\/h2>\n

We said it before: UX design has a long and lasting relationship with psychology. In time, developers and designers have observed that everyday stimuli can influence our thought processes. How is this influencing UX design? Designers and developers must understand that people have cognitive barriers when interacting with software, websites, and apps. There are a lot of factors, <\/span>like usability<\/span><\/a>, readability, ease of navigation, accessibility, and others, that influence how users interpret and understand a system\u2019s design. Designers can implement all these principles to improve conversion rates and boosts user loyalty.\u00a0<\/span><\/p>\n

According to <\/span>an experiment carried by Nickerson & Adams<\/span><\/a>, only half of the subjects in the test were able to recognize the correct one cent coin from a series of drawings. What does this tell us? It helps us understand that people are unable to memorize exact details and elements. They will most likely remember general details, like the shape, and a main focal point. These will help them remember the same object or scenario when they interact with it later. In UX development, the implementation of a flexible mapping is very important when it comes to functionality and user experience.\u00a0<\/span><\/p>\n

#1. Abstract theory<\/span><\/h2>\n

All humans have abstract thinking skills. This is what differentiates us from other mammals, and makes us intelligent and rational. People have applied the abstract theory since the dawn of time to understand how different things around them work, to gain a better understanding of different domains.\u00a0<\/span><\/p>\n

The idea behind using the abstract theory for user interaction architecture is that there are different rules on how an interface should look like to help the user navigate through the software of the platform with more ease. The abstract theory is what tells developers that users can predict what to expect when they first interact with certain software.<\/span><\/p>\n

#2. Transference<\/span><\/h2>\n

Taken up a notch, <\/span>the transference principle<\/span><\/a> tells designers that users have certain behavior based on their former interactions with similar systems. People transfer knowledge from past experiences to current or future ones.\u00a0<\/span><\/p>\n

This means that software users are going to expect the same functionality, design, and interaction with your software. In the users\u2019 mind, there is a logical succession of events that helps them interact easier with new software, based on previous interactions.\u00a0<\/span><\/p>\n

\"\"#3. Motor system limitations<\/span><\/h2>\n

People are not good multitaskers. It is generally difficult for us to carry two motor tasks at once. This is a normal motor system limitation. Our brains are wired to give our undivided attention to a single task at once. The brain and body cannot deal with a high number of stimuli, so UX designers should aim to create simple and straightforward software interfaces. This way, they avoid overworking the rather limited abilities of the end-user.\u00a0\u00a0<\/span><\/p>\n

Apart from motor skill limitation, people also struggle with memory limitations. Not only we have difficulties to manually perform multiple tasks at once, but according to a recent study, we can process only approximately seven items or pieces of information at once. For a useful and successful user-software interaction, designers should limit the information intake to a maximum of seven elements at a time.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

#4. The left-to-right theory<\/span><\/h2>\n

The easiest way to get the users\u2019 attention is to emphasize important information in bright colors, and less information in duller shades. Users will intuitively decide that brighter paragraphs are more important than duller ones. But the left to right cognitive psychology theory comes to complete this hypothesis. According to this principle, people process information in the following order: from left to right, from top to bottom.\u00a0<\/span><\/p>\n

In the advertising and publishing industry, this principle is being applied for decades. And UX designers have also started to use it to improve user experience and interactions with software products. Today, UX designers arrange systems and layouts based on this principle to grab users\u2019 attention and create eye-catching and easy-to-process layouts.\u00a0<\/span><\/p>\n

#5. Blue peripheral vision<\/span><\/h2>\n

This principle is an intricate blend of cognitive psychology and anatomy. According to this theory, the cones in our retina on the edges of our eyes are blue. UX designers <\/span>use this assumption<\/span><\/a> when creating their products. You might have noticed that lately, software and web pages are blue, or use blue as an accent color. Take a look at <\/span>Facebook<\/span><\/a> or <\/span>Google<\/span><\/a>. All these products have blue integrated with their design in all relevant areas. This is the reason why.\u00a0<\/span><\/p>\n

In UX design, but also in cognitive psychology, other colors have different meanings. We associate red with danger and urgency. We associate green with safety and cleanliness. Based on this principle, UX designers can use different colors to send different messages to the user, and make their interfaces more intuitive.\u00a0<\/span><\/p>\n

#6. The Simon Effect<\/span><\/h2>\n

The Simon effect is <\/span>another principle used in UX design<\/span><\/a>. According to this theory, people respond faster and better to stimuli that appear from the same location as where the response should take place. This happens even if the exact location of where the information is, is irrelevant to the task they have to perform. For instance, when people are told to lift their right hand and the information comes from their left, they will spend more time processing the information.\u00a0<\/span><\/p>\n

\u201c<\/span>UX designers can use this information to make interfaces more intuitive. Developers can use this principle to offer users a better idea of where to find answers and information. Each task should be directed at one point and the solution offered should also correspond. This way, users will know exactly where to search for each information and element.\u201d<\/span><\/i> Says Richard Johnson, head of the UX design team at <\/span>WowGrade<\/span><\/a>.\u00a0\u00a0<\/span><\/p>\n

#7. Automatic processing<\/span><\/h2>\n

People have both controlled and automatic cognitive processes. The controlled ones are those we make consciously, while the automatic ones are immediate responses, without any conscious decision behind them. The simplest way that the study authors have found to prove this it was to show subjects an image with a text that instructed not to read it. Obviously, all subjects have automatically read the text. UX designers can ally this theory to grab visitors\u2019 attention easily and force them to get accustomed to different information.\u00a0<\/span><\/p>\n

#8. Proximity<\/span><\/h2>\n

The proximity principle says that objects grouped are perceived as being somehow connected, associated, or related. Our perception of different objects helps us see \u201cthe bigger picture\u201d. Developers can use this theory to group tasks and elements so they can be identified with more ease by the user.\u00a0<\/span><\/p>\n

#9. Similarity<\/span><\/h2>\n

The similarity theory states that <\/span>objects with a single common element<\/span><\/a> are perceived as associated, related or even identical. This theory can be used to help system users to decompose information easier and to understand each element with more success, later.\u00a0<\/span><\/p>\n

Conclusion\u00a0<\/span><\/h2>\n

UX designers can use psychology to influence how users perceive their systems. They can help users interact with the system easier, thanks to the principles above. By understanding how the human mind works, developers and designers can perfect their products, increase their profits and win their users\u2019 loyalty.\u00a0<\/span><\/p>\n

Estelle Liotard<\/b> is a seasoned content writer and a blogger, with years of experience in different fields of marketing. She is a senior writer at <\/span>Supreme Dissertations<\/span><\/a> and content editor at <\/span>GrabMyEssay<\/span><\/a>.<\/b> Her passion is teaching people how to overcome digital marketing obstacles and help businesses communicate their messages to their customers.<\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

What can look like good UI, can prove to be a really bad case of UX. As much as developers might think that technical knowledge…<\/p>\n","protected":false},"author":4,"featured_media":9381,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[838,860,1007,837],"tags":[],"class_list":{"0":"post-9376","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design","8":"category-user-experience","9":"category-user-interface","10":"category-web-design"},"acf":[],"yoast_head":"\n9 Cognitive Psychology Tricks for UX Design Excellence - Vexels Blog<\/title>\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.vexels.com\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"9 Cognitive Psychology Tricks for UX Design Excellence - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"What can look like good UI, can prove to be a really bad case of UX. As much as developers might think that technical knowledge...\" \/>\n<meta property=\"og:url\" content=\"\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-21T14:10:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-21T14:11:56+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"2250\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"vexblog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"vexblog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"9 Cognitive Psychology Tricks for UX Design Excellence - Vexels Blog","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.vexels.com\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/","og_locale":"en_US","og_type":"article","og_title":"9 Cognitive Psychology Tricks for UX Design Excellence - Vexels Blog","og_description":"What can look like good UI, can prove to be a really bad case of UX. As much as developers might think that technical knowledge...","og_url":"\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/","og_site_name":"Vexels Blog","article_published_time":"2019-10-21T14:10:57+00:00","article_modified_time":"2019-10-21T14:11:56+00:00","og_image":[{"width":2250,"height":1500,"url":":\/blog\/wp-content\/uploads\/2019\/10\/ux-design-ux-experience-featured.jpg","type":"image\/jpeg"}],"author":"vexblog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"vexblog","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/#article","isPartOf":{"@id":"\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/"},"author":{"name":"vexblog","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60"},"headline":"9 Cognitive Psychology Tricks for UX Design Excellence","datePublished":"2019-10-21T14:10:57+00:00","dateModified":"2019-10-21T14:11:56+00:00","mainEntityOfPage":{"@id":"\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/"},"wordCount":1289,"image":{"@id":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/10\/ux-design-ux-experience-featured.jpg","articleSection":["Design","User Experience","User Interface","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/","url":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/","name":"9 Cognitive Psychology Tricks for UX Design Excellence - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/#primaryimage"},"image":{"@id":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/10\/ux-design-ux-experience-featured.jpg","datePublished":"2019-10-21T14:10:57+00:00","dateModified":"2019-10-21T14:11:56+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60"},"breadcrumb":{"@id":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2019\/10\/ux-design-ux-experience-featured.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2019\/10\/ux-design-ux-experience-featured.jpg","width":2250,"height":1500},{"@type":"BreadcrumbList","@id":":\/blog\/9-cognitive-psychology-tricks-for-ux-design-excellence\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"9 Cognitive Psychology Tricks for UX Design Excellence"}]},{"@type":"WebSite","@id":"https:\/\/www.vexels.com\/blog\/#website","url":"https:\/\/www.vexels.com\/blog\/","name":"Vexels Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vexels.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60","name":"vexblog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","caption":"vexblog"},"sameAs":["http:\/\/wp-json\/wp\/v2\/users\/me"],"url":"\/blog\/author\/vexblog\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/9376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=9376"}],"version-history":[{"count":1,"href":"\/blog\/wp-json\/wp\/v2\/posts\/9376\/revisions"}],"predecessor-version":[{"id":9382,"href":"\/blog\/wp-json\/wp\/v2\/posts\/9376\/revisions\/9382"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/9381"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=9376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=9376"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=9376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}