Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Emotionell animation: En kvalitativ studie kring emotionell respons av rörelse i grafiska gränssnitt
Linnaeus University, Faculty of Technology, Department of Informatics.
Linnaeus University, Faculty of Technology, Department of Informatics.
2016 (Swedish)Independent thesis Basic level (degree of Bachelor), 180 HE creditsStudent thesis
Abstract [sv]

Animationer i grafiska gränssnitt blir allt vanligare men används ofta godtyckligt och utan kunskap om vad upplevelsen av olika rörelser framkallar för känslor hos användaren. I gränssnitt är det viktigt att animation används sparsamt och med stor försiktighet eftersom det kan ge negativa effekter på användares upplevelse om det används på fel sätt. Det har tidigare forskats kring hur animation i gränssnitt påverkar användbarheten utifrån mätbara faktorer men det råder brist på forskning som kvalitativt undersöker hur animationer ur ett bredare perspektiv påverkar användarupplevelsen samtidigt som upplevd funktionalitet bibehålls. Litteratur inom områdena produktupplevelse, användarupplevelse, användbarhet, visuellt perception och animation har därför studerats. I denna studie undersöks hur olika rörelser kan framkalla emotionell respons hos användare av grafiska gränssnitt. För att ta reda på detta har användares upplevelser undersökts kvalitativt genom tio stycken användartester av funktionella animationer vilka genomförts i samband med kontextuella intervjuer samt kartläggning av respondenters känslor i förhållande till olika rörelser. Resultatet av undersökningen presenteras dels i form av den metod som tagits fram i ett försök att kartlägga emotionell respons på rörelser, men även som resultat av den metod som tyder på att animationer framkallar emotionell respons hos användare av grafiska gränssnitt. Animationer i grafiska gränssnitt kan användas i både funktionellt och estetiskt syfte där den funktionella aspekten av animation kan hjälpa användare i den kognitiva process som innefattar avkodning av vad som sker i ett gränssnitt, exempelvis genom att med animation skapa visuell kontinuitet mellan olika stadier i förändringen av ett objekt. Den estetiska aspekten kan i sin tur användas på ett sådant sätt att den funktionella animationen förmedlar den karaktär, känsla och personlighet som gränssnittet syftar till att framhäva. Denna studie visar på att funktionell animation, genom utformning på deras utvecklingskurvor kan påverka användares emotionella respons i förhållande till rörelse. Funktionell animation kan därmed utformas på ett sätt som gör att upplevelsen av animationens utvecklingskurva överensstämmer med den emotionella respons som webbplatsen syftar till att framkalla. 

Abstract [en]

As animations in user interfaces become increasingly more common, the animations are often used in an arbitrary fashion, without any knowledge of what kind of effect, in terms of feelings and emotions, the movement have on the user. At the same time it’ s important that animations in user interfaces are used carefully and thoughtfully as the motions can have negative effects on the users experience if not used wisely. Previously conducted research have studied how animations in user interfaces affect users perceived ease of use, but there is a lack of qualitative research in the area of how animations affect the user experience at the same time as it’ s used in a functional manner. Literature within the fields of product experience, user experience, usability, visual perception and animation theory has therefore been studied. The research conducted in this study aims to reveal if, and how, different motions can induce emotional response during the use of graphical interfaces. To examine this, the user experience has been studied with a qualitative approach. A usability test consisting of different types of functional animations has been conducted in tandem with contextual inquiries, with an identification and mapping of emotional response in relation to different motions. The result of this study is presented partially in terms of the method constructed in order to plot users perceived emotion in response to motion, but also as the result of the study which shows that different types of animations evoke different feelings in users. Animations can be used in graphical interfaces with both functional and aesthetic purposes, where the functional animation can be used to facilitate the users cognitive process and decoding of an interface, for instance by creating visual continuity between different stages in the change of an object. The aesthetic aspect of the animation in turn can be used to convey character, emotion and personality through the functional animation, thus bringing forth the feelings the interface aims to emphasize. This study shows that functional animation, by customizing its bezier­curves, affects the users emotional response to movement. Thus, functional animation can be constructed to match the emotional response a webpage sets out to convey.

Place, publisher, year, edition, pages
2016. , 93 p.
Keyword [en]
User experience, Graphical Interfaces, Emotional response, Animation, Interaction design
Keyword [sv]
Användarupplevelse, Grafiska gränssnitt, Emotionell respons, Animation, Interaktionsdesign
National Category
Interaction Technologies Human Computer Interaction
Identifiers
URN: urn:nbn:se:lnu:diva-54265OAI: oai:DiVA.org:lnu-54265DiVA: diva2:943133
External cooperation
Pixelant AB
Subject / course
Informatics
Educational program
Interaction Designer, 180 credits
Supervisors
Examiners
Available from: 2016-06-28 Created: 2016-06-27 Last updated: 2016-06-28Bibliographically approved

Open Access in DiVA

fulltext(4851 kB)57 downloads
File information
File name FULLTEXT01.pdfFile size 4851 kBChecksum SHA-512
9b71733405a400fdd74dcf957500a50399a246c29865fd370ec49a04386d3bd58da90a49d4148de8cda420436bc399f1de1d5289150a70e79fd9b42478558fb8
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Nilsson, ErikNilsson, Linn
By organisation
Department of Informatics
Interaction TechnologiesHuman Computer Interaction

Search outside of DiVA

GoogleGoogle Scholar
Total: 57 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 597 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf