Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards

Bibliographic Details
Main Author: Sousa, Nuno Correia Barros Pereira
Publication Date: 2023
Format: Master thesis
Language: por
Source: Repositórios Científicos de Acesso Aberto de Portugal (RCAAP)
Download full: http://hdl.handle.net/10773/41720
Summary: As atuais interfaces do utilizador frequentemente seguem paradigmas que enfatizam a facilidade de uso. No entanto, a introdução deliberada de fricção nas interfaces de utilizador pode ser uma estratégia eficaz evitar uma navegação e tomadas de decisão em piloto-automático. Nesta investigação, exploramos como podem os designers aplicar a fricção estética de forma intencional nas interfaces de utilizador para potenciar a expressividade visual da interface e a interação dos utilizadores. Iniciámos esta dissertação com uma revisão da literatura para contextualizar dos princípios de design, usabilidade e acessibilidade, design emocional, e outros conceitos que ajudam a compreender a fricção estética como uma estratégia. Consequentemente, exploramos e analisamos websites premiados internacionalmente que deliberadamente incorporam fricção estética na interface para aprofundar a nossa observação e compreensão das técnicas empregadas para criar intencionalmente fricção na experiência do utilizador, e consequentemente potenciar a expressividade visual e a interação do utilizador. O nosso ponto de partida foi realizar uma análise crítica dos sete princípios de design de Donald Norman e das heurísticas de usabilidade de Jakob Nielsen em relação ao design de interfaces web, que nos permitiu perceber de uma melhor forma as tomadas de decisões de designers sobre como aplicar a fricção em websites premiados internacionalmente. Como resultado deste processo, concebemos cinco estratégias de fricção estética. Posteriormente, realizamos workshops de co-criação com profissionais nas áreas de design de interface e experiência do utilizador. Estes workshops visaram identificar novas perspetivas e pontos de vista sobre as estratégias desenvolvidas. As estratégias de fricção criadas foram então implementadas num website-portfólio desenvolvido ao longo desta investigação, demonstrando que a sua aplicação prática enriquece a experiência do utilizador.
id RCAP_ee02deb63a1016b274d7ffe6a89af503
oai_identifier_str oai:ria.ua.pt:10773/41720
network_acronym_str RCAP
network_name_str Repositórios Científicos de Acesso Aberto de Portugal (RCAAP)
repository_id_str https://opendoar.ac.uk/repository/7160
spelling Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela AwwwardsInterface do utilizador (IU)Experiência do utilizador (UX)Fricção estéticaWeb designAs atuais interfaces do utilizador frequentemente seguem paradigmas que enfatizam a facilidade de uso. No entanto, a introdução deliberada de fricção nas interfaces de utilizador pode ser uma estratégia eficaz evitar uma navegação e tomadas de decisão em piloto-automático. Nesta investigação, exploramos como podem os designers aplicar a fricção estética de forma intencional nas interfaces de utilizador para potenciar a expressividade visual da interface e a interação dos utilizadores. Iniciámos esta dissertação com uma revisão da literatura para contextualizar dos princípios de design, usabilidade e acessibilidade, design emocional, e outros conceitos que ajudam a compreender a fricção estética como uma estratégia. Consequentemente, exploramos e analisamos websites premiados internacionalmente que deliberadamente incorporam fricção estética na interface para aprofundar a nossa observação e compreensão das técnicas empregadas para criar intencionalmente fricção na experiência do utilizador, e consequentemente potenciar a expressividade visual e a interação do utilizador. O nosso ponto de partida foi realizar uma análise crítica dos sete princípios de design de Donald Norman e das heurísticas de usabilidade de Jakob Nielsen em relação ao design de interfaces web, que nos permitiu perceber de uma melhor forma as tomadas de decisões de designers sobre como aplicar a fricção em websites premiados internacionalmente. Como resultado deste processo, concebemos cinco estratégias de fricção estética. Posteriormente, realizamos workshops de co-criação com profissionais nas áreas de design de interface e experiência do utilizador. Estes workshops visaram identificar novas perspetivas e pontos de vista sobre as estratégias desenvolvidas. As estratégias de fricção criadas foram então implementadas num website-portfólio desenvolvido ao longo desta investigação, demonstrando que a sua aplicação prática enriquece a experiência do utilizador.Current user interfaces often follow paradigms that emphasize ease of use. However, deliberately introducing friction into user interfaces can be an effective strategy to avoid autopilot navigation and decision-making. In this research, we explore how designers can intentionally apply aesthetic friction to user interfaces to enhance the visual expressiveness of the interface and user interaction. We began this dissertation with a literature review to contextualize the principles of design, usability and accessibility, emotional design, and other concepts that help us understand aesthetic friction as a strategy. Consequently, we explored and analyzed international award-winning websites that deliberately incorporate aesthetic friction into the interface to deepen our observation and understanding of the techniques employed to intentionally create friction in the user experience, and consequently enhance visual expressiveness and user interaction. Our starting point was to carry out a critical analysis of Donald Norman's seven design principles and Jakob Nielsen's usability heuristics in relation to web interface design, which allowed us to better understand designers' decision-making on how to apply friction to internationally award-winning websites. As a result of this process, we devised five aesthetic friction strategies. Subsequently, we held co-creation workshops with professionals in the fields of interface design and user experience. These workshops aimed to identify new perspectives and points of view on the strategies developed. The friction strategies created were then implemented in a portfolio website developed during this research, demonstrating that their practical application enriches the user experience.2024-04-26T12:32:38Z2023-12-20T00:00:00Z2023-12-20info:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/masterThesisapplication/pdfhttp://hdl.handle.net/10773/41720porSousa, Nuno Correia Barros Pereirainfo:eu-repo/semantics/openAccessreponame:Repositórios Científicos de Acesso Aberto de Portugal (RCAAP)instname:FCCN, serviços digitais da FCT – Fundação para a Ciência e a Tecnologiainstacron:RCAAP2024-05-06T04:56:45Zoai:ria.ua.pt:10773/41720Portal AgregadorONGhttps://www.rcaap.pt/oai/openaireinfo@rcaap.ptopendoar:https://opendoar.ac.uk/repository/71602025-05-28T14:24:22.968320Repositórios Científicos de Acesso Aberto de Portugal (RCAAP) - FCCN, serviços digitais da FCT – Fundação para a Ciência e a Tecnologiafalse
dc.title.none.fl_str_mv Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
title Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
spellingShingle Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
Sousa, Nuno Correia Barros Pereira
Interface do utilizador (IU)
Experiência do utilizador (UX)
Fricção estética
Web design
title_short Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
title_full Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
title_fullStr Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
title_full_unstemmed Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
title_sort Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
author Sousa, Nuno Correia Barros Pereira
author_facet Sousa, Nuno Correia Barros Pereira
author_role author
dc.contributor.author.fl_str_mv Sousa, Nuno Correia Barros Pereira
dc.subject.por.fl_str_mv Interface do utilizador (IU)
Experiência do utilizador (UX)
Fricção estética
Web design
topic Interface do utilizador (IU)
Experiência do utilizador (UX)
Fricção estética
Web design
description As atuais interfaces do utilizador frequentemente seguem paradigmas que enfatizam a facilidade de uso. No entanto, a introdução deliberada de fricção nas interfaces de utilizador pode ser uma estratégia eficaz evitar uma navegação e tomadas de decisão em piloto-automático. Nesta investigação, exploramos como podem os designers aplicar a fricção estética de forma intencional nas interfaces de utilizador para potenciar a expressividade visual da interface e a interação dos utilizadores. Iniciámos esta dissertação com uma revisão da literatura para contextualizar dos princípios de design, usabilidade e acessibilidade, design emocional, e outros conceitos que ajudam a compreender a fricção estética como uma estratégia. Consequentemente, exploramos e analisamos websites premiados internacionalmente que deliberadamente incorporam fricção estética na interface para aprofundar a nossa observação e compreensão das técnicas empregadas para criar intencionalmente fricção na experiência do utilizador, e consequentemente potenciar a expressividade visual e a interação do utilizador. O nosso ponto de partida foi realizar uma análise crítica dos sete princípios de design de Donald Norman e das heurísticas de usabilidade de Jakob Nielsen em relação ao design de interfaces web, que nos permitiu perceber de uma melhor forma as tomadas de decisões de designers sobre como aplicar a fricção em websites premiados internacionalmente. Como resultado deste processo, concebemos cinco estratégias de fricção estética. Posteriormente, realizamos workshops de co-criação com profissionais nas áreas de design de interface e experiência do utilizador. Estes workshops visaram identificar novas perspetivas e pontos de vista sobre as estratégias desenvolvidas. As estratégias de fricção criadas foram então implementadas num website-portfólio desenvolvido ao longo desta investigação, demonstrando que a sua aplicação prática enriquece a experiência do utilizador.
publishDate 2023
dc.date.none.fl_str_mv 2023-12-20T00:00:00Z
2023-12-20
2024-04-26T12:32:38Z
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.uri.fl_str_mv http://hdl.handle.net/10773/41720
url http://hdl.handle.net/10773/41720
dc.language.iso.fl_str_mv por
language por
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.format.none.fl_str_mv application/pdf
dc.source.none.fl_str_mv reponame:Repositórios Científicos de Acesso Aberto de Portugal (RCAAP)
instname:FCCN, serviços digitais da FCT – Fundação para a Ciência e a Tecnologia
instacron:RCAAP
instname_str FCCN, serviços digitais da FCT – Fundação para a Ciência e a Tecnologia
instacron_str RCAAP
institution RCAAP
reponame_str Repositórios Científicos de Acesso Aberto de Portugal (RCAAP)
collection Repositórios Científicos de Acesso Aberto de Portugal (RCAAP)
repository.name.fl_str_mv Repositórios Científicos de Acesso Aberto de Portugal (RCAAP) - FCCN, serviços digitais da FCT – Fundação para a Ciência e a Tecnologia
repository.mail.fl_str_mv info@rcaap.pt
_version_ 1833594568028717056