Färgkodade känslor En kvalitativ studie om hur användare upplever färger på en hemsida kopplat till deras känslor och beteende
2025 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE credits
Student thesis
Abstract [sv]
Introduktion: Denna uppsats undersöker vilka känslor som väcks vid an- vändandet av färgen blå, gul respektive röd på en hemsida. Studien foku- serar på sociala medier som undersökt typ av hemsida. Kunskap om vilka känslor som väcks av färgerna hjälper webbutvecklare och företag som vill skapa eller uppdatera sin brand image i valet av färg för att väcka önskad känsla hos användarna.
Forskningsfråga: Forskningsfrågan studien ämnar att besvara är: Vilka känslor väcker användandet av färgen blå, gul respektive röd på en hem- sida hos användare?
Metod: För att besvara forskningsfrågan samlades data in från 10 respon- denter genom semi-strukturerade intervjuer. Respondenterna visades åtta prototyper av hemsidor i färgerna blå, gul, röd, respektive grå. Samtliga ver- sioner visades med både en ljus och en mörk bakgrund. Respondenterna besvarade frågor bland annat kring sina känslor när de såg prototyperna. Det insamlade materialet analyserades induktivt med en tematisk analys.
Resultat: Resultaten visar att blå i denna studie upplevdes som stressan- de då färgen upplevdes som stickig och obehaglig för ögonen. Gul väck- te känslor som glädje och lekfullhet medan röd upplevdes som varm och inbjudande men även som påträngande. Majoriteten av respondenterna upplevde att prototyperna med mörk bakgrund gav upphov till negativa associationer och känslor.
Diskussion: Resultatet tyder på att vilka känslor som väcks av färger är personliga och starkt kopplade till tidigare associationer till färgen. Det är därmed viktigt för webbutvecklare att känna sin tänkta målgrupp väl. Vi- dare visar resultaten att det noggrant bör övervägas vilka färger som ska användas vid mörkt läge, samt att starka färger på stora områden bör und- vikas vid mörkt läge. Vidare forskning kan undersöka om studiens funna mönster även stämmer för den större populationen samt om även andra färger än de i denna studie ger upphov till negativa associationer vid mörk bakgrund.
Abstract [en]
This study examines which emotions are evoked by the use of the colors blue, yellow, and red on a website. The studied type of website is a ficti- ve social media website. Understanding the emotions these colors evoke helps web developers and companies when developing or updating their brand image choose colors that create the desired feelings in users.
The research question this study aims to answer is: What emotions are evoked by the use of the colors blue, yellow, and red on a website?
To answer the research question, data was collected from 10 respon- dents through semi-structured interviews. The respondents were shown eight website prototypes in the colors blue, yellow, red, and grey, with both light and dark backgrounds. They were asked questions about their emo- tions when viewing the prototypes. The collected material was analyzed inductively using a thematic analysis.
The results show that, in this study, blue was perceived as stressful, as the color was perceived as harsh and unpleasant for the eyes. Yellow evoked feelings of joy and playfulness, while red was seen as warm and inviting but also intrusive. The majority of respondents found that the prototypes with dark backgrounds triggered negative associations and emotions.
The findings suggest that the emotions evoked by colors are personal and strongly linked to prior associations that the respondents had with the colors. It is therefore crucial for web developers to understand their in- tended target audience well. Additionally, the results indicate that careful consideration should be given to the colors used in dark mode, and that bright colors on large areas should be avoided in dark mode. Further rese- arch could study whether the patterns found in this study are relevant for a larger population and whether other colors than the ones included in this study also evoke negative associations on dark backgrounds
Place, publisher, year, edition, pages
2025.
Keywords [en]
HCI, Color psychology, Emotional design
Keywords [sv]
Människa-dator interaktion, Färgpsykologi, Emotional design
National Category
Human Computer Interaction
Identifiers
URN: urn:nbn:se:su:diva-242727OAI: oai:DiVA.org:su-242727DiVA, id: diva2:1955659
2025-04-302025-04-30