{"id":441,"date":"2023-10-22T10:25:51","date_gmt":"2023-10-22T10:25:51","guid":{"rendered":"https:\/\/uxvibes.in\/blog\/?p=441"},"modified":"2023-10-29T06:41:56","modified_gmt":"2023-10-29T06:41:56","slug":"gestalt-for-ux","status":"publish","type":"post","link":"https:\/\/uxvibes.in\/blog\/gestalt-for-ux\/","title":{"rendered":"Gestalt for UX: Let&#8217;s talk to the subconscious"},"content":{"rendered":"\n<p>The Internet is the most crowded and distracting marketplace in the world. According to <a href=\"https:\/\/www.weforum.org\/agenda\/2019\/09\/chart-of-the-day-how-many-websites-are-there\/\">World Economic Forum<\/a>, there are currently 1.71 billion websites available today. Every user has 100s of alternatives against each product and they don\u2019t have that amount of time to spare on exploring one single option. If you failed to convince them about your product at any given point, they easily can switch to another.<\/p>\n\n\n\n<p>Did you know an average attention span of web page users was recorded as 12 seconds in the year 2000 which decreased to 8.25 seconds in 2015 (C\/O: <a href=\"https:\/\/www.supportivecareaba.com\/statistics\/average-attention-span#:~:text=The%20average%20human%20has%20an,of%2032%20to%2048%20minutes.\">Supportive care ABA<\/a>), and could be approximately 7 seconds in today\u2019s date.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"631\" src=\"https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-1-2-1024x631.jpg\" alt=\"An infographic showing the user attention span\" class=\"wp-image-454\" srcset=\"https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-1-2-1024x631.jpg 1024w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-1-2-300x185.jpg 300w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-1-2-768x473.jpg 768w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-1-2-720x444.jpg 720w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-1-2-560x345.jpg 560w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-1-2.jpg 1480w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Image credit: <a href=\"https:\/\/www.supportivecareaba.com\/statistics\/average-attention-span#:~:text=The%20average%20human%20has%20an,of%2032%20to%2048%20minutes.\">Supportive care ABA<\/a><\/figcaption><\/figure>\n\n\n\n<p>In simple words, every user allows you their 7 seconds to inform them about your products. Now it&#8217;s our turn to make the most productive outcomes into that for both sides i.e. users and products. Every second counts! In that case making the information processing easier for the users is of utmost importance so that they can consume more information about the product in less time. Every inefficient cognitive activity, such as grappling with interfaces, consume valuable user time that may lead users to lose the confidence about our product which could be better utilized in product knowledge.\u00a0<\/p>\n\n\n\n<p>Out of many, Gestalt theory is one of the best usable design practices to reduce the cognitive loads and make the interfaces easy-to-scan &amp; easy-to-perceive for the users.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Gestalt theory<\/strong><\/h2>\n\n\n\n<p>Our mind is trained to find a single, common pattern wherever we see any complex arrangement of visual elements. In the image 2.A below, although there are only many circles put together in a random manner, we would perceive them as a single group and completely disregard the fact that they are individual entities. While the image 2.B will be interpreted as two different groups when they are still circles as individuals.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"360\" src=\"https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-2-1024x360.jpg\" alt=\"An example image to explain Gestalt\" class=\"wp-image-444\" srcset=\"https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-2-1024x360.jpg 1024w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-2-300x105.jpg 300w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-2-768x270.jpg 768w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-2-720x253.jpg 720w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-2-560x197.jpg 560w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Image-2.jpg 1480w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">We always tend to find common patterns<\/figcaption><\/figure>\n\n\n\n<p>Our mind tends to process the objects in a simplified form and tries to match that shape with the object that is already stored in our subconscious memory. You might have tried to find some animal or cartoon shapes in the cloud scattered randomly, it&#8217;s nothing but you are just trying to match that shape with the objects kept in your subconscious memory. This is Gestalt theory of human processing patterns and tendency to interpret things.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"480\" src=\"https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Clouds-002.webp\" alt=\"An image showing shape in the cloud\" class=\"wp-image-457\" srcset=\"https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Clouds-002.webp 640w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Clouds-002-300x225.webp 300w, https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Clouds-002-560x420.webp 560w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption class=\"wp-element-caption\">Picture credit: <a href=\"https:\/\/www.theguardian.com\/science\/shortcuts\/gallery\/2012\/apr\/01\/finding-shapes-in-clouds\">The Guardian<\/a><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Gestalt theory is a human tendency to perceive the shapes in a simplified and unified form, rather than seeing them as multiple, disconnected objects.<\/strong><\/p>\n<\/blockquote>\n\n\n\n<p>This theory, originally formulated by German and Austrian psychologists in the early 1900s, predated the widespread use of terms like UI (User Interface) and UX (User Experience). It was initially explored within the realm of general human psychology but later gained significant relevance in the fields of usability and UX. After all, usability aims to deliver the most seamless and instinctive user experiences, doesn&#8217;t it?<\/p>\n\n\n\n<p>These Gestalt principles offer a valuable opportunity for self-assessment of your designs from a user&#8217;s perspective. By applying these principles, you can make necessary adjustments to create more intuitive and enjoyable experiences. In fact, I would go so far as to assert that Gestalt principles serve as the bedrock of studies in usable design. Therefore, designers, it&#8217;s highly recommended that everyone becomes well-acquainted with them in the near future. In this series of articles, we\u2019ll be discussing below principles from the Gestalt theory.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/uxvibes.in\/blog\/gestalt-for-ux-similarity\/\">Similarity<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/uxvibes.in\/blog\/gestalt-for-ux-proximity\/\">Proximity<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/uxvibes.in\/blog\/gestalt-for-ux-common-region\/\">Common Region<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/uxvibes.in\/blog\/gestalt-for-ux-closure\/\">Closure<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/uxvibes.in\/blog\/gestalt-for-ux-continuation\/\">Continuation<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/uxvibes.in\/blog\/gestalt-for-ux-connectedness\/\">Connectedness<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/uxvibes.in\/blog\/gestalt-for-ux-figure-and-ground\/\">Figure &amp; Ground<\/a><\/li>\n<\/ol>\n\n\n\n<p>See you in the next article i.e Similarity.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gestalt theory is one of the best usable design practices to reduce the cognitive loads and make the interfaces easy-to-scan &#038; easy to perceive for the users.<\/p>\n","protected":false},"author":1,"featured_media":453,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,4],"tags":[],"class_list":{"0":"post-441","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-ux-design","8":"category-visual-design","9":"","11":"fallback-thumbnail"},"jetpack_featured_media_url":"https:\/\/uxvibes.in\/blog\/wp-content\/uploads\/2023\/10\/Gestalt-for-UX-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/posts\/441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/comments?post=441"}],"version-history":[{"count":17,"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/posts\/441\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/posts\/441\/revisions\/575"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/media\/453"}],"wp:attachment":[{"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/media?parent=441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/categories?post=441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uxvibes.in\/blog\/wp-json\/wp\/v2\/tags?post=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}