Cinco estratégias de fricção estética na interface gráfica do utilizador em websites premiados pela Awwwards
Main Author: | |
---|---|
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 |