Cognitive and psychological factors in user interface design

Ivanović, Natalija (author), Meden, Blaž (mentor)

This thesis focuses on the development of a tool for the design of websites and applications that are fully adapted to the needs of end users and the requirements of clients. Particular emphasis is placed on using color theory, design theory, and user experience principles to create intuitive and effective user interfaces. In addition, it explores what attracts users the most and how the brain reacts to specific colors, shapes, and other visual elements. The result of this research is a product that allows its user to create their colour palettes, choose their layouts and typefaces for creating a design system. The implementation of all the gathered information is implemented as a website, with tools for web development, such as HTML/CSS, JavaScript, Angular, and Figma.

• Language: English
• Keywords: human perception, colour theory, design systems, design theory
• Work type: Undergraduate thesis
• Typology: 2.11 - Undergraduate Thesis
• Organization: FE - Faculty of Electrical Engineering
• Year: 2026
• PID: 20.500.12556/RUL-180676
• COBISS.SI-ID: 274399747
• Publication date in RUL: 13.03.2026

Secondary language

• Language: Slovenian
• Title: Kognitivni in psihološki dejavniki oblikovanja uporabniškega vmesnika

Abstract

Diplomska naloga se osredotoča na razvoj orodja za oblikovanje spletnih mest in aplikacij, ki so v celoti prilagojene potrebam končnih uporabnikov in zahtevam naročnikov. Poseben poudarek je namenjen uporabi teorije barv, teorije oblikovanja in načel uporabniške izkušnje za ustvarjanje intuitivnih in učinkovitih uporabniških vmesnikov. Poleg tega naloga raziskuje, kaj najbolj pritegne uporabnike in kako možgani reagirajo na določene barve, oblike in druge vizualne elemente. Rezultat raziskave je izdelek, ki uporabniku omogoča ustvarjanje lastnih barvnih palet, izbiro postavitev in pisav za oblikovanje oblikovalskega sistema. Vsa zbrana znanja so implementirana v obliki spletne aplikacije, pri čemer so uporabljena orodja za spletni razvoj, kot so HTML/CSS, JavaScript, Angular in Figma.

• Keywords: človeško zaznavanje, barvna teorija, oblikovalski sistemi, oblikovalska teorija