The influence of colors and layout elements on the cognitive perception of visual informations

Abstract

Način oblikovanja i raspored elemenata u korisničkom sučelju utječu na kognitivnu percepciju vizualnih informacija. Boja, kontrast, tipografija i raspored sadržaja imaju ključnu ulogu u usmjeravanju pažnje korisnika i percepciji informacija. Korisnička sučelja dizajniraju se kako bi svojom jednostavnošću i intuitivnošću omogućila lakšu interakciju s računalnim sustavom. S druge strane, korisničko iskustvo obuhvaća cjelokupni dojam i reakciju korisnika s proizvodom. U teorijskom dijelu rada objašnjava se razlika između korisničkog sučelja i korisničkog iskustva te ulozi boja, tipografije i kompozicije u privlačenju pažnje. Također se spominju psihološki aspekti vizualnog usmjerenja te osnove kako ljudsko oko percipira informacije. Praktični dio rada obuhvaća istraživanje koje je provedeno na 80 ispitanika. Sudionici su imali zadatak pročitati tekst bez prethodne informacije da će kasnije odgovarati na pitanja vezana uz vizualne elemente poput boja, oblika i pozicije elemenata. Cilj je bio ispitati kako boje i elementi utječu na kognitivnu percepciju. Dobiveni rezultati analizirani su i prikazani grafički, a na kraju je napravljen rezime svih grupa.The way elements are designed and arranged within a user interface affects the cognitive perception of visual information. Color, contrast, typography, and content layout play a key role in guiding the user’s attention and shaping how information is perceived. User interfaces are designed to facilitate easier interaction with computer systems through simplicity and intuitiveness. On the other hand, user experience encompasses the overall impression and emotional response of the user while interacting with a product. The theoretical part of this paper explains the difference between user interface and user experience, as well as the role of color, typography, and composition in attracting attention. Psychological aspects of visual direction and the basic principles of how the human eye perceives information are also addressed. The practical part of the paper includes a study conducted with 80 participants. The participants were instructed to read a text without being informed that they would later be asked questions related to visual elements such as colors, shapes, and the positioning of elements. The goal was to examine how visual design influences cognitive perception. The collected results were analyzed and presented graphically, followed by a summary combining the findings from all participant groups