{"id":18314,"date":"2022-03-15T15:53:03","date_gmt":"2022-03-15T22:53:03","guid":{"rendered":"https:\/\/www.primeview.com\/?p=18314"},"modified":"2024-04-02T22:27:30","modified_gmt":"2024-04-03T05:27:30","slug":"what-do-studies-say-about-visual-complexity-in-web-design","status":"publish","type":"post","link":"https:\/\/www.primeview.com\/blog\/what-do-studies-say-about-visual-complexity-in-web-design\/","title":{"rendered":"What Do Studies Say About Visual Complexity In Web Design?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">A person viewing your website can judge it visually in seconds. This judgment depends a lot on the website&#8217;s design. But what separates good design from a bad one? While some say beauty is in the eye of the beholder, researchers have been working hard to define an objectively good design. They have conducted several studies on this, and the most relevant concept today is visual complexity. When a design is too complex, it can overwhelm our minds because of too much information. When something is too simple, the lack of effort can reflect the maker&#8217;s intentions. To clarify this, let us probe into what the scientific field says about the relationship between visual complexity and <a href=\"https:\/\/www.primeview.com\/web-design\/\">web design<\/a>.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-23642\" src=\"https:\/\/www.primeview.com\/wp-content\/uploads\/1-17.png\" alt=\"\" width=\"957\" height=\"352\" title=\"\" srcset=\"https:\/\/www.primeview.com\/wp-content\/uploads\/1-17.png 957w, https:\/\/www.primeview.com\/wp-content\/uploads\/1-17-300x110.png 300w, https:\/\/www.primeview.com\/wp-content\/uploads\/1-17-768x282.png 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/p>\n<p><strong>The Concept Of Visual Complexity\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">This concept arose from attempting to make sense of a person\u2019s perception of aesthetics. According to Berlyne\u2019s Theories of Aesthetics, three things can form an impression from design: novelty, complexity, and familiarity. <img decoding=\"async\" class=\"aligncenter wp-image-18318\" src=\"https:\/\/www.primeview.com\/wp-content\/uploads\/web-design-wireframe-1024x683.jpg\" alt=\"\" width=\"528\" height=\"352\" title=\"\" srcset=\"https:\/\/www.primeview.com\/wp-content\/uploads\/web-design-wireframe-1024x683.jpg 1024w, https:\/\/www.primeview.com\/wp-content\/uploads\/web-design-wireframe-300x200.jpg 300w, https:\/\/www.primeview.com\/wp-content\/uploads\/web-design-wireframe-768x512.jpg 768w, https:\/\/www.primeview.com\/wp-content\/uploads\/web-design-wireframe-1536x1024.jpg 1536w, https:\/\/www.primeview.com\/wp-content\/uploads\/web-design-wireframe-2048x1366.jpg 2048w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">You must maintain a strict balance between the first two, especially when considering the complexity of the design. While novelty and originality can leave an impression on a person, you should not leave familiarity out of the picture. Familiarity can give off a welcoming atmosphere in a design that can affect the duration of stay of a viewer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">An observer judges the visual complexity of a design through the quality of the detail within it and its intricacies. This is crucial in web design due to the innate customizability of web pages. A designer can fall prey to the temptation of expressing themselves and proving their skills through complicated design. However, if it prevents people from exploring the website, you have wasted time and effort. Well, then, how exactly can we incorporate visual complexity into web design?<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-23641\" src=\"https:\/\/www.primeview.com\/wp-content\/uploads\/2-17.png\" alt=\"\" width=\"957\" height=\"352\" title=\"\" srcset=\"https:\/\/www.primeview.com\/wp-content\/uploads\/2-17.png 957w, https:\/\/www.primeview.com\/wp-content\/uploads\/2-17-300x110.png 300w, https:\/\/www.primeview.com\/wp-content\/uploads\/2-17-768x282.png 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/p>\n<p><strong>How Is Visual Complexity Integrated Into Web Design?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">The integration of visual complexity into web design relies on the stimulus presented by the website and the response from the viewer. This stimulus-response relationship was apparent in a 2019 <\/span><a href=\"https:\/\/www.tandfonline.com\/doi\/abs\/10.1080\/0144929X.2019.1602167\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">study<\/span><\/a><span style=\"font-weight: 400;\">. In this study, the researchers examined 277 young adults regarding how visual complexity can influence their impression of a website. It noted the participants\u2019 visual informativeness, cues for engagement, favorable initial impressions, and behavioral intentions.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The research classified the visual complexity in the sample website with two criteria: design complexity and feature complexity. They also accounted for text and image complexity as well as the perceptual variables of the website. The indicators of these criteria are as follows:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A web design with high design complexity has:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">A high number of objects<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">irregularity of object shapes<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Inconsistent and dissimilar objects<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">High visual detail<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Asymmetry in object arrangement<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Irregular object arrangement<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A web design with high feature complexity has high image quality of objects.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A web design with high perceptual variables has a high number of interactable objects.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-23640\" src=\"https:\/\/www.primeview.com\/wp-content\/uploads\/3-16.png\" alt=\"\" width=\"957\" height=\"352\" title=\"\" srcset=\"https:\/\/www.primeview.com\/wp-content\/uploads\/3-16.png 957w, https:\/\/www.primeview.com\/wp-content\/uploads\/3-16-300x110.png 300w, https:\/\/www.primeview.com\/wp-content\/uploads\/3-16-768x282.png 768w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><br \/>\n<strong><br \/>\nDiffering Results From Differing Studies<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">The results showed that a high design complexity of a website positively affects a person\u2019s impression of it. On the other hand, it appears that the feature complexity or the image quality of the objects used on the website does not affect a viewer\u2019s impression. In terms of perceptual variables, viewers favor web designs with a high degree of interaction.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These results do not necessarily mean that you should create a website with high design complexity. Another <\/span><span style=\"font-weight: 400;\">study<\/span><span style=\"font-weight: 400;\"> conducted in 2021 shows an inverse relationship between visual complexity and online purchase intention. This means that the more complex a web design seems, the less likely a person would stay and buy from that website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These contradicting results commonly appear throughout several studies on the psychology of something that people can consider subjective. However, we can try to make sense of the two studies by examining their participants.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The 2019 study had participants of 277 young adults, while the 2021 study had 229 acceptable participants through a convenience sampling of people from the researcher\u2019s network. We are highlighting this to bring up a possible effect on the results of your web design impressions due to your target audience. A possible explanation for the difference in the results could be the limited age of the 2019 study or the diversity of the participants in the 2021 study.<\/span><\/p>\n<p><strong>Verdict: What Can We Get From Visual Complexity<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">In the end, the answer still depends on something. However, this means we have to capitalize on that dependent variable by manipulating visual complexity to suit your audience. In summarizing all the points that we can apply from visual complexity, we have the following points:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Apply the criteria of design complexity<\/b><span style=\"font-weight: 400;\">: while the effectiveness of visual complexity as a whole is not conclusive, you can still apply a combination of the design complexity criteria. Experimenting with these combinations will allow you more areas to edit your design.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Assess your design complexity<\/b><span style=\"font-weight: 400;\">: You can evaluate your website\u2019s design complexity in several ways. It would be advantageous if you had a diverse set of people who could critique your design if your website had a general audience. On the other hand, you may also base your design on catering to a specific audience. This audience can be groups of the same age, biological sex, hobby, or location.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Make use of interactable objects<\/b><span style=\"font-weight: 400;\">: As far as studies show, perceptual variables or interactable objects are a plus in web design. This allows users to traverse your website using stimuli that could affect website retention.\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Overall, the most important trait to have as a web designer or developer is the capacity to adapt to the current demands, especially in a start-up. You should be able to pinpoint your audience to create a website suitable for them. At the same time, you should be able to take feedback from them for the website\u2019s continued improvement.<br \/>\n<b><\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A person viewing your website can judge it visually in seconds. This judgment depends a lot on the website&#8217;s design. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23639,"comment_status":"closed","ping_status":"open","sticky":false,"template":"templates\/single-post-full-width-banner-with-sidebar.php","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-18314","post","type-post","status-publish","format-standard","hentry","category-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts\/18314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/comments?post=18314"}],"version-history":[{"count":8,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts\/18314\/revisions"}],"predecessor-version":[{"id":23736,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts\/18314\/revisions\/23736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/media\/23639"}],"wp:attachment":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/media?parent=18314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/categories?post=18314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/tags?post=18314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}