Colour in Human-Centred Interface Design — A Systematic Literature Review

Thumbnail Image

Files

Niemi_Helmi_2025.pdf (2.56 MB)

URL

Journal Title

Journal ISSN

Volume Title

Sähkötekniikan korkeakoulu | Bachelor's thesis
Unless otherwise stated, all rights belong to the author. You may download, display and print this publication for Your own personal use. Commercial use is prohibited.

Authors

Date

2025-05-16

Department

Major/Subject

Informaatioteknologia

Mcode

ELEC3015

Degree programme

Sähkötekniikan kandidaattiohjelma

Language

en

Pages

35

Series

Abstract

Colour is an essential aspect of user interface (UI) design. UI designers should be aware of the psychological components of colour and how colour can be used to create user friendly interfaces. Research about effects and use of colour in UI contexts is scattered and wide-ranging. A literature review is necessary for compiling effective practices and finding research gaps in the field. The objective of this research is to collect and organise information about the use of colour and its effects on users in the fields of UI/UX design and Human-Computer Interaction through literature in the fields in the time frame of 2010-2025. This period was chosen to capture the widespread adoption of smartphones. The research is limited to mobile and web interfaces, due to their common use in everyday digital interactions, making their colour design especially important This thesis is a systematic literature review, following the Preferred Reporting Items for Systematic Reviews and Meta-Analyses (PRISMA) guidelines. Relevant literature was sourced from the Google Scholar and Scopus databases. The quality of the articles was assessed with the Publication Forum (JUFO) classification. Publications that did not meet the baseline quality criteria were excluded. The contributing studies came from three continents and nine countries, with the highest number of studies coming from China (10) followed by the United States (7). As key findings, six thematic syntheses emerged, each addressing the relationship between colour and one of the following: emotion, attention, associations, performance, culture, and accessibility. The results indicated that colour significantly affect users’ emotions, focus, and performance. Individuals of the same cultural background tend to have similar colour interpretations, while notable cultural differences in preference and associations exist. Low-saturation and low-contrast colour schemes promote visual comfort and task performance, while high-saturation and high-contrast colours like red attract attention. Some colour-emotion and colour-concept associations are consistently stronger than others. Colour blindness also affects these colour associations. Future research should further examine how culture and colour blindness affect colour perception.

Värit ovat olennainen osa käyttöliittymäsuunnittelua. UI-suunnittelijoiden on tärkeää olla tietoisia värien psykologisista vaikutuksista sekä siitä, miten värejä voidaan hyödyntää käyttäjäystävällisten käyttöliittymien luomisessa. Tutkimus värien vaikutuksista ja käytöstä käyttöliittymissä on hajanaista ja laaja-alaista. Kirjallisuuskatsaus on tarpeen tehokkaiden käytäntöjen kokoamiseksi ja tutkimusaukkojen määrittämiseksi. Tutkimuksen tavoitteena oli kerätä ja jäsentää tietoa värien käytöstä ja niiden vaikutuksista käyttäjiin UI/UX-suunnittelun ja ihmisen ja tietokoneen välisen vuorovaikutuksen (HCI) aloilta vuosilta 2010–2025. Ajanjakso valittiin älypuhelinten yleistymisen vuoksi. Tutkimus on rajattu verkko- ja mobiilikäyttöliittymiin, koska ne ovat keskeisessä roolissa arjen digitaalisessa vuorovaikutuksessa ja niiden värisuunnittelu on siksi erityisen tärkeää. Tämä opinnäytetyö toteutettiin systemaattisena kirjallisuuskatsauksena, PRISMAohjeistusta (Preferred Reporting Items for Systematic Reviews and Meta-Analyses) seuraten. Aineiston keräämiseen käytettiin Google Scholar- ja Scopus-tietokantoja. Artikkeleiden laatua arvioitiin Julkaisufoorumin (JUFO) luokituksen avulla. Julkaisut, jotka eivät täyttäneet vähimmäislaatukriteerejä, jätettiin pois. Tutkimukset olivat peräisin kolmelta mantereelta ja yhdeksästä eri maasta. Eniten tutkimuksia tuli Kiinasta (10) ja tosiksi eniten Yhdysvalloista (7). Keskeisinä löydöksinä nousi esiin kuusi temaattista synteesiä, jotka käsittelivät värin suhdetta seuraaviin tekijöihin: tunne, huomio, assosiaatiot, suorituskyky, kulttuuri ja saavutettavuus. Tulokset osoittivat, että värit vaikuttavat selvästi käyttäjien tunteisiin, tarkkaavaisuuteen ja suoriutumiseen. Saman kulttuurin jäsenet tulkitsevat värejä samoin, mutta kulttuurien välillä on selviä eroja mieltymyksissä ja assosiaatioissa. Matalan kylläisyyden ja matalan kontrastin väriteemat tukevat mukavuutta ja suoriutumista, kun taas kirkkaat ja voimakkaat värit, kuten punainen, kiinnittävät huomiota. Tietyt väriin liittyvät tunne- ja konseptiassosiaatiot ovat selvästi vahvempia kuin toiset. Värisokeudella on myös vaikutus näihin väriassosiaatioihin. Mahdollisia suuntia jatkotutkimuksille ovat kulttuurin ja värisokeuden vaikutukset värien tulkintaan.

Description

Supervisor

Lassila, Pasi

Thesis advisor

Putkonen, Aini

Keywords

color in UI design, color psychology, color association, user interface, user experience, human-computer interaction

Other note

Citation

Permanent link to this item

https://urn.fi/URN:NBN:fi:aalto-202506174787

Collections

[kand] Sähkötekniikan korkeakoulu / ELEC