Studies on emotional aspects in the design of user interfaces
Autor(a) principal: | |
---|---|
Data de Publicação: | 2016 |
Tipo de documento: | Dissertação |
Idioma: | eng |
Título da fonte: | Repositório Institucional da UFSCAR |
Texto Completo: | https://repositorio.ufscar.br/handle/ufscar/9649 |
Resumo: | Emotions play a crucial role in the way people interact with each other, objects and computing systems, and are a key factor in human-computer interaction. The choice of the appropriate elements for a user interface may result in a better experience of how it can be used. However, most studies investigate people’s preferences and visual aesthetics, without taking into account people’s emotion in the design. This dissertation carries out a series of detailed studies on the emotional effects of user interface elements, by examining colors, fonts and images. A critical analysis of the literature (through a systematic review) combined to the Semantic Space of Emotions, which covers a broad spectrum of emotions, resulted in the proposal of Bianchi’s Color Wheel. An empirical study was conducted on the emotional effects of font types and sizes; this involved 60 users and was necessary because there are so few studies on fonts and emotions in the literature. With regard to font types, in statistical terms, it was found there were no significant differences, although Arial was more closely linked to positive emotions than Times New Roman in the discourse analysis. Small font sizes, 8pt, caused negative experiences and led to tiredness, while medium (12pt) and large (16pt) sizes were mainly related to pleasant and comforting experiences. The third study investigated tagged and felt emotions evoked by images which were collected through social tags that were clearly related to emotions. The aim of the study was to determine whether or not these images are reliable for the design and retrieval. Thus, an online survey was planned and carried out by a group of 410 volunteers who classified pictures from Flickr. The results suggested that there are some emotions tagged that were similar to observers emotions, while others are diffuse and need other criteria for their selection apart from social tags. Finally, it should be mentioned that further studies are needed to address the complete user interface with all these elements and findings combined. |
id |
SCAR_51f109dc2d7aa51a06d790b4844c9648 |
---|---|
oai_identifier_str |
oai:repositorio.ufscar.br:ufscar/9649 |
network_acronym_str |
SCAR |
network_name_str |
Repositório Institucional da UFSCAR |
repository_id_str |
4322 |
spelling |
Bianchi, Renata GermanoNeris, Vania Paula de Almeidahttp://lattes.cnpq.br/0268728255033469http://lattes.cnpq.br/64302427462429728323590e-70cd-404a-90e3-207eec2b43e12018-04-03T18:08:22Z2018-04-03T18:08:22Z2016-11-25BIANCHI, Renata Germano. Studies on emotional aspects in the design of user interfaces. 2016. Dissertação (Mestrado em Ciência da Computação) – Universidade Federal de São Carlos, São Carlos, 2016. Disponível em: https://repositorio.ufscar.br/handle/ufscar/9649.https://repositorio.ufscar.br/handle/ufscar/9649Emotions play a crucial role in the way people interact with each other, objects and computing systems, and are a key factor in human-computer interaction. The choice of the appropriate elements for a user interface may result in a better experience of how it can be used. However, most studies investigate people’s preferences and visual aesthetics, without taking into account people’s emotion in the design. This dissertation carries out a series of detailed studies on the emotional effects of user interface elements, by examining colors, fonts and images. A critical analysis of the literature (through a systematic review) combined to the Semantic Space of Emotions, which covers a broad spectrum of emotions, resulted in the proposal of Bianchi’s Color Wheel. An empirical study was conducted on the emotional effects of font types and sizes; this involved 60 users and was necessary because there are so few studies on fonts and emotions in the literature. With regard to font types, in statistical terms, it was found there were no significant differences, although Arial was more closely linked to positive emotions than Times New Roman in the discourse analysis. Small font sizes, 8pt, caused negative experiences and led to tiredness, while medium (12pt) and large (16pt) sizes were mainly related to pleasant and comforting experiences. The third study investigated tagged and felt emotions evoked by images which were collected through social tags that were clearly related to emotions. The aim of the study was to determine whether or not these images are reliable for the design and retrieval. Thus, an online survey was planned and carried out by a group of 410 volunteers who classified pictures from Flickr. The results suggested that there are some emotions tagged that were similar to observers emotions, while others are diffuse and need other criteria for their selection apart from social tags. Finally, it should be mentioned that further studies are needed to address the complete user interface with all these elements and findings combined.As emoções desempenham um papel fundamental nas interações dos seres humanos com outras pessoas, objetos e sistemas computacionais, tornando-se um aspecto fundamental na interação humano-computador. A escolha dos elementos apropriados para a interface de usuário pode resultar em uma melhor experiência de uso. No entanto, a maioria dos estudos investigam as preferências e estética visual, não apoiando o design que considera emoções. Esta dissertação detalha uma série de estudos sobre o impacto emocional de elementos de interface de usuário, com foco em cores, fontes e imagens. A combinação de uma análise crítica da literatura (através de uma revisão sistemática da literatura) ao Espaço Emocional Semântico, que abrange um amplo espectro de emoções, resultou na proposta do Círculo de Cores de Bianchi. A fim de contribuir com os poucos trabalhos encontrados em fontes e emoções, um estudo empírico com 64 usuários foi realizado sobre o impacto emocional de tipo e tamanho de fontes. Quanto aos tipos de fontes, estatisticamente não foram encontradas diferenças significativas, embora Arial tenha sido mais associada a emoções positivas do que Times New Roman no discurso dos participantes. O tamanho pequeno, 8pt, causou experiências negativas e cansativas, enquanto os tamanhos médio (12pt) e grande (16pt) foram principalmente relacionados a experiências agradáveis e confortáveis. O terceiro estudo investigou as emoções esperadas e de fato sentidas evocadas por imagens que foram coletadas por meio de tags explicitamente relacionadas a emoções. Tentou-se responder se essas imagens são confiáveis para o design e para a área de recuperação de dados (imagens, no caso). Assim, uma pesquisa online foi lançada e concluída por um conjunto de 410 voluntários que classificaram imagens do Flickr. Os resultados sugerem que existem algumas emoções que tendem a ser a mesma entre indexadores e observadores, enquanto outras são difusas e precisam de outros critérios de seleção além das tags utilizadas por participantes de redes sociais ou de compartilhamento. Como consideração final, é importante mencionar que mais estudos são necessários para abordar a interface de usuário completa, com todos esses elementos e resultados combinados.Coordenação de Aperfeiçoamento de Pessoal de Nível Superior (CAPES)engUniversidade Federal de São CarlosCâmpus São CarlosPrograma de Pós-Graduação em Ciência da Computação - PPGCCUFSCarEmoçãoInteração humano-computadorIndexação coletivaImagensDesignEmotionHuman-computer interactionSocial taggingPicturesCIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAOStudies on emotional aspects in the design of user interfacesinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/masterThesisOnline600600546480c7-564e-45d5-8c51-9d55fb4cd554info:eu-repo/semantics/openAccessreponame:Repositório Institucional da UFSCARinstname:Universidade Federal de São Carlos (UFSCAR)instacron:UFSCARLICENSElicense.txtlicense.txttext/plain; charset=utf-81957https://repositorio.ufscar.br/bitstream/ufscar/9649/3/license.txtae0398b6f8b235e40ad82cba6c50031dMD53ORIGINALBIANCHI_Renata_2018.pdfBIANCHI_Renata_2018.pdfapplication/pdf3172030https://repositorio.ufscar.br/bitstream/ufscar/9649/4/BIANCHI_Renata_2018.pdf7e155ce338882fdcd6ff4480b7758993MD54TEXTBIANCHI_Renata_2018.pdf.txtBIANCHI_Renata_2018.pdf.txtExtracted texttext/plain224381https://repositorio.ufscar.br/bitstream/ufscar/9649/5/BIANCHI_Renata_2018.pdf.txtbc8085c6012bc6f71843e90c39293cbeMD55THUMBNAILBIANCHI_Renata_2018.pdf.jpgBIANCHI_Renata_2018.pdf.jpgIM Thumbnailimage/jpeg7740https://repositorio.ufscar.br/bitstream/ufscar/9649/6/BIANCHI_Renata_2018.pdf.jpg58ae8d0d2c130c08253b9ef6a8e2429bMD56ufscar/96492023-09-18 18:31:14.012oai:repositorio.ufscar.br:ufscar/9649TElDRU7Dh0EgREUgRElTVFJJQlVJw4fDg08gTsODTy1FWENMVVNJVkEKCkNvbSBhIGFwcmVzZW50YcOnw6NvIGRlc3RhIGxpY2Vuw6dhLCB2b2PDqiAobyBhdXRvciAoZXMpIG91IG8gdGl0dWxhciBkb3MgZGlyZWl0b3MgZGUgYXV0b3IpIGNvbmNlZGUgw6AgVW5pdmVyc2lkYWRlCkZlZGVyYWwgZGUgU8OjbyBDYXJsb3MgbyBkaXJlaXRvIG7Do28tZXhjbHVzaXZvIGRlIHJlcHJvZHV6aXIsICB0cmFkdXppciAoY29uZm9ybWUgZGVmaW5pZG8gYWJhaXhvKSwgZS9vdQpkaXN0cmlidWlyIGEgc3VhIHRlc2Ugb3UgZGlzc2VydGHDp8OjbyAoaW5jbHVpbmRvIG8gcmVzdW1vKSBwb3IgdG9kbyBvIG11bmRvIG5vIGZvcm1hdG8gaW1wcmVzc28gZSBlbGV0csO0bmljbyBlCmVtIHF1YWxxdWVyIG1laW8sIGluY2x1aW5kbyBvcyBmb3JtYXRvcyDDoXVkaW8gb3UgdsOtZGVvLgoKVm9jw6ogY29uY29yZGEgcXVlIGEgVUZTQ2FyIHBvZGUsIHNlbSBhbHRlcmFyIG8gY29udGXDumRvLCB0cmFuc3BvciBhIHN1YSB0ZXNlIG91IGRpc3NlcnRhw6fDo28KcGFyYSBxdWFscXVlciBtZWlvIG91IGZvcm1hdG8gcGFyYSBmaW5zIGRlIHByZXNlcnZhw6fDo28uCgpWb2PDqiB0YW1iw6ltIGNvbmNvcmRhIHF1ZSBhIFVGU0NhciBwb2RlIG1hbnRlciBtYWlzIGRlIHVtYSBjw7NwaWEgYSBzdWEgdGVzZSBvdQpkaXNzZXJ0YcOnw6NvIHBhcmEgZmlucyBkZSBzZWd1cmFuw6dhLCBiYWNrLXVwIGUgcHJlc2VydmHDp8Ojby4KClZvY8OqIGRlY2xhcmEgcXVlIGEgc3VhIHRlc2Ugb3UgZGlzc2VydGHDp8OjbyDDqSBvcmlnaW5hbCBlIHF1ZSB2b2PDqiB0ZW0gbyBwb2RlciBkZSBjb25jZWRlciBvcyBkaXJlaXRvcyBjb250aWRvcwpuZXN0YSBsaWNlbsOnYS4gVm9jw6ogdGFtYsOpbSBkZWNsYXJhIHF1ZSBvIGRlcMOzc2l0byBkYSBzdWEgdGVzZSBvdSBkaXNzZXJ0YcOnw6NvIG7Do28sIHF1ZSBzZWphIGRlIHNldQpjb25oZWNpbWVudG8sIGluZnJpbmdlIGRpcmVpdG9zIGF1dG9yYWlzIGRlIG5pbmd1w6ltLgoKQ2FzbyBhIHN1YSB0ZXNlIG91IGRpc3NlcnRhw6fDo28gY29udGVuaGEgbWF0ZXJpYWwgcXVlIHZvY8OqIG7Do28gcG9zc3VpIGEgdGl0dWxhcmlkYWRlIGRvcyBkaXJlaXRvcyBhdXRvcmFpcywgdm9jw6oKZGVjbGFyYSBxdWUgb2J0ZXZlIGEgcGVybWlzc8OjbyBpcnJlc3RyaXRhIGRvIGRldGVudG9yIGRvcyBkaXJlaXRvcyBhdXRvcmFpcyBwYXJhIGNvbmNlZGVyIMOgIFVGU0NhcgpvcyBkaXJlaXRvcyBhcHJlc2VudGFkb3MgbmVzdGEgbGljZW7Dp2EsIGUgcXVlIGVzc2UgbWF0ZXJpYWwgZGUgcHJvcHJpZWRhZGUgZGUgdGVyY2Vpcm9zIGVzdMOhIGNsYXJhbWVudGUKaWRlbnRpZmljYWRvIGUgcmVjb25oZWNpZG8gbm8gdGV4dG8gb3Ugbm8gY29udGXDumRvIGRhIHRlc2Ugb3UgZGlzc2VydGHDp8OjbyBvcmEgZGVwb3NpdGFkYS4KCkNBU08gQSBURVNFIE9VIERJU1NFUlRBw4fDg08gT1JBIERFUE9TSVRBREEgVEVOSEEgU0lETyBSRVNVTFRBRE8gREUgVU0gUEFUUk9Dw41OSU8gT1UKQVBPSU8gREUgVU1BIEFHw4pOQ0lBIERFIEZPTUVOVE8gT1UgT1VUUk8gT1JHQU5JU01PIFFVRSBOw4NPIFNFSkEgQSBVRlNDYXIsClZPQ8OKIERFQ0xBUkEgUVVFIFJFU1BFSVRPVSBUT0RPUyBFIFFVQUlTUVVFUiBESVJFSVRPUyBERSBSRVZJU8ODTyBDT01PClRBTULDiU0gQVMgREVNQUlTIE9CUklHQcOHw5VFUyBFWElHSURBUyBQT1IgQ09OVFJBVE8gT1UgQUNPUkRPLgoKQSBVRlNDYXIgc2UgY29tcHJvbWV0ZSBhIGlkZW50aWZpY2FyIGNsYXJhbWVudGUgbyBzZXUgbm9tZSAocykgb3UgbyhzKSBub21lKHMpIGRvKHMpCmRldGVudG9yKGVzKSBkb3MgZGlyZWl0b3MgYXV0b3JhaXMgZGEgdGVzZSBvdSBkaXNzZXJ0YcOnw6NvLCBlIG7Do28gZmFyw6EgcXVhbHF1ZXIgYWx0ZXJhw6fDo28sIGFsw6ltIGRhcXVlbGFzCmNvbmNlZGlkYXMgcG9yIGVzdGEgbGljZW7Dp2EuCg==Repositório InstitucionalPUBhttps://repositorio.ufscar.br/oai/requestopendoar:43222023-09-18T18:31:14Repositório Institucional da UFSCAR - Universidade Federal de São Carlos (UFSCAR)false |
dc.title.eng.fl_str_mv |
Studies on emotional aspects in the design of user interfaces |
title |
Studies on emotional aspects in the design of user interfaces |
spellingShingle |
Studies on emotional aspects in the design of user interfaces Bianchi, Renata Germano Emoção Interação humano-computador Indexação coletiva Imagens Design Emotion Human-computer interaction Social tagging Pictures CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO |
title_short |
Studies on emotional aspects in the design of user interfaces |
title_full |
Studies on emotional aspects in the design of user interfaces |
title_fullStr |
Studies on emotional aspects in the design of user interfaces |
title_full_unstemmed |
Studies on emotional aspects in the design of user interfaces |
title_sort |
Studies on emotional aspects in the design of user interfaces |
author |
Bianchi, Renata Germano |
author_facet |
Bianchi, Renata Germano |
author_role |
author |
dc.contributor.authorlattes.por.fl_str_mv |
http://lattes.cnpq.br/6430242746242972 |
dc.contributor.author.fl_str_mv |
Bianchi, Renata Germano |
dc.contributor.advisor1.fl_str_mv |
Neris, Vania Paula de Almeida |
dc.contributor.advisor1Lattes.fl_str_mv |
http://lattes.cnpq.br/0268728255033469 |
dc.contributor.authorID.fl_str_mv |
8323590e-70cd-404a-90e3-207eec2b43e1 |
contributor_str_mv |
Neris, Vania Paula de Almeida |
dc.subject.por.fl_str_mv |
Emoção Interação humano-computador Indexação coletiva Imagens |
topic |
Emoção Interação humano-computador Indexação coletiva Imagens Design Emotion Human-computer interaction Social tagging Pictures CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO |
dc.subject.eng.fl_str_mv |
Design Emotion Human-computer interaction Social tagging Pictures |
dc.subject.cnpq.fl_str_mv |
CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO |
description |
Emotions play a crucial role in the way people interact with each other, objects and computing systems, and are a key factor in human-computer interaction. The choice of the appropriate elements for a user interface may result in a better experience of how it can be used. However, most studies investigate people’s preferences and visual aesthetics, without taking into account people’s emotion in the design. This dissertation carries out a series of detailed studies on the emotional effects of user interface elements, by examining colors, fonts and images. A critical analysis of the literature (through a systematic review) combined to the Semantic Space of Emotions, which covers a broad spectrum of emotions, resulted in the proposal of Bianchi’s Color Wheel. An empirical study was conducted on the emotional effects of font types and sizes; this involved 60 users and was necessary because there are so few studies on fonts and emotions in the literature. With regard to font types, in statistical terms, it was found there were no significant differences, although Arial was more closely linked to positive emotions than Times New Roman in the discourse analysis. Small font sizes, 8pt, caused negative experiences and led to tiredness, while medium (12pt) and large (16pt) sizes were mainly related to pleasant and comforting experiences. The third study investigated tagged and felt emotions evoked by images which were collected through social tags that were clearly related to emotions. The aim of the study was to determine whether or not these images are reliable for the design and retrieval. Thus, an online survey was planned and carried out by a group of 410 volunteers who classified pictures from Flickr. The results suggested that there are some emotions tagged that were similar to observers emotions, while others are diffuse and need other criteria for their selection apart from social tags. Finally, it should be mentioned that further studies are needed to address the complete user interface with all these elements and findings combined. |
publishDate |
2016 |
dc.date.issued.fl_str_mv |
2016-11-25 |
dc.date.accessioned.fl_str_mv |
2018-04-03T18:08:22Z |
dc.date.available.fl_str_mv |
2018-04-03T18:08:22Z |
dc.type.status.fl_str_mv |
info:eu-repo/semantics/publishedVersion |
dc.type.driver.fl_str_mv |
info:eu-repo/semantics/masterThesis |
format |
masterThesis |
status_str |
publishedVersion |
dc.identifier.citation.fl_str_mv |
BIANCHI, Renata Germano. Studies on emotional aspects in the design of user interfaces. 2016. Dissertação (Mestrado em Ciência da Computação) – Universidade Federal de São Carlos, São Carlos, 2016. Disponível em: https://repositorio.ufscar.br/handle/ufscar/9649. |
dc.identifier.uri.fl_str_mv |
https://repositorio.ufscar.br/handle/ufscar/9649 |
identifier_str_mv |
BIANCHI, Renata Germano. Studies on emotional aspects in the design of user interfaces. 2016. Dissertação (Mestrado em Ciência da Computação) – Universidade Federal de São Carlos, São Carlos, 2016. Disponível em: https://repositorio.ufscar.br/handle/ufscar/9649. |
url |
https://repositorio.ufscar.br/handle/ufscar/9649 |
dc.language.iso.fl_str_mv |
eng |
language |
eng |
dc.relation.confidence.fl_str_mv |
600 600 |
dc.relation.authority.fl_str_mv |
546480c7-564e-45d5-8c51-9d55fb4cd554 |
dc.rights.driver.fl_str_mv |
info:eu-repo/semantics/openAccess |
eu_rights_str_mv |
openAccess |
dc.publisher.none.fl_str_mv |
Universidade Federal de São Carlos Câmpus São Carlos |
dc.publisher.program.fl_str_mv |
Programa de Pós-Graduação em Ciência da Computação - PPGCC |
dc.publisher.initials.fl_str_mv |
UFSCar |
publisher.none.fl_str_mv |
Universidade Federal de São Carlos Câmpus São Carlos |
dc.source.none.fl_str_mv |
reponame:Repositório Institucional da UFSCAR instname:Universidade Federal de São Carlos (UFSCAR) instacron:UFSCAR |
instname_str |
Universidade Federal de São Carlos (UFSCAR) |
instacron_str |
UFSCAR |
institution |
UFSCAR |
reponame_str |
Repositório Institucional da UFSCAR |
collection |
Repositório Institucional da UFSCAR |
bitstream.url.fl_str_mv |
https://repositorio.ufscar.br/bitstream/ufscar/9649/3/license.txt https://repositorio.ufscar.br/bitstream/ufscar/9649/4/BIANCHI_Renata_2018.pdf https://repositorio.ufscar.br/bitstream/ufscar/9649/5/BIANCHI_Renata_2018.pdf.txt https://repositorio.ufscar.br/bitstream/ufscar/9649/6/BIANCHI_Renata_2018.pdf.jpg |
bitstream.checksum.fl_str_mv |
ae0398b6f8b235e40ad82cba6c50031d 7e155ce338882fdcd6ff4480b7758993 bc8085c6012bc6f71843e90c39293cbe 58ae8d0d2c130c08253b9ef6a8e2429b |
bitstream.checksumAlgorithm.fl_str_mv |
MD5 MD5 MD5 MD5 |
repository.name.fl_str_mv |
Repositório Institucional da UFSCAR - Universidade Federal de São Carlos (UFSCAR) |
repository.mail.fl_str_mv |
|
_version_ |
1802136332589334528 |