Influence of typographic properties on user experience in digital interfaces
Resumo
Abstract
The user experience with products, services, and artifacts responds to different user needs and is affected by the design of the interface that mediates this interaction. In the context of digital interfaces, typography plays a significant role in the functionality and personality of the system, as actions and contents are conveyed to users through signs and symbols that inform and provide guidance and feedback. Given these relationships, this paper aimed to identify how different typographic properties are related to the satisfaction of user needs on user experience in digital interfaces. For that, a narrative literature review was conducted, followed by a systematization of the identified connections. As a result, it is proposed a diagram that presents the connections between five user needs – safety, functionality, usability, pleasurable experience, and individuation – and five properties of typography – accessibility, legibility, readability, personality, and customization – detailed in the context of the user experience in digital interfaces.
Palavras-chave
Texto completo:
PDFReferências
AMBROSE, Gavin; HARRIS, Paul. Fundamentos de Design Criativo. 2 ed. Porto Alegre: Bookman Editora, 2012.
BABÉ, Louis-Rémi. Versatile Type Design for the Web. Medium, 2016. Retrieved March 23, 2023. https://medium.com/@PrototypoApp/versatile-type-design-for-the-web-3f6dafd24d92
BONSIEPE, Gui. Design: do material ao digital. São Paulo: Blucher, 2015.
CALDWELL, Cath; ZAPPATERRA, Yolanda. Design editorial. Jornais e revistas – Mídia impressa e digital. São Paulo: Gustavo Gili, 2014.
CORDEIRO, Alexander Magno et al. Revisãosistemática: uma revisão narrativa. Rev. Col. Bras. Cir, v. 34, n. 6, p. 428-431, 2007.
DICK, Maurício Elias.Design de publicações digitais sistemáticas: um conjunto de orientações. 175 f. Dissertação (Mestrado) - Programa de Pós-Graduação em Design e Expressão Gráfica, Universidade Federal de Santa Catarina, Florianópolis, 2015. Retrieved April 07, 2023. https://repositorio.ufsc.br/xmlui/handle/123456789/162752
DICK, Maurício Elias.Framebook: um framework para o processo de design de livros digitais. 300 f. Tese (Doutorado) - Programa de Pós-Graduação em Design, Universidade Federal de Santa Catarina, Florianópolis, 2019. Retrieved April 07, 2023. https://repositorio.ufsc.br/handle/123456789/199014
DICK, Maurício Elias; GONÇALVES, Berenice Santos; VITORINO, Elizete Vieira. Design da informação e competência em informação: relações possíveis | Information design andinformationliteracy: possiblerelationships. InfoDesign - Revista Brasileira De Design Da Informação, 14(1), 1–13, 2017. https://doi.org/10.51358/id.v14i1.500.
FARIAS, Priscila Lena. Tipografia digital: o impacto das novas tecnologias. 4. ed. Teresópolis: 2AB, 2013.
FETTER, Sandro Roberto.Modelos Caligráficos na Escola Brasileira (1900-2010). 249 f. Dissertação (Mestrado) – Universidade do Estado do Rio de Janeiro, Escola Superior de Desenho Industrial, Programa de Pós-Graduação em Design, Rio de Janeiro, 2011.
FREIRE, Patrícia de Sá. Aumente a qualidade e a quantidade de suas publicações científicas. Manual para elaboração de projetos e artigos científicos. 1. ed. Curitiba: CRV, 2013.
GARRETT, Jesse James.The elements of user experience. Berkeley: New Riders, 2011.
GRILO, André.Experiência do usuário em interfaces digitais. Natal: SEDIS-UFRN, 2019.
HAAG, Fabio.Basta uma letra para contar uma história. 2010. Retrieved April 08, 2023. http://bdxpert.hospedagemdesites.ws/2010/12/06/basta-uma-letra-para-contar-uma-historia/
HANCOCK, Peter A.; PEPE, Aaron A.; MURPHY, Lauren L. Hedonomics: The power of positive and pleasurable ergonomics. Ergonomics in design, 13(1), 8-14, 2005.
HASSENZAHL, Marc. The hedonic/pragmatic model of user experience. (2007). In: LAW, Effie; VERMEEREN, Arnold; HASSENZAHL, Marc; BLYTHE, Mark (org.). Towards a UX Manifesto. Lancaster, p. 10-14, 2007.
HASSENZAHL, Marc. User Experience and Experience Design. In: SOEGAARD, Mads; DAM, RikkeFriis (eds.). The Encyclopedia of Human-Computer Interaction. 2. ed. Aarhus, Denmark: The Interaction Design Foundation, 2014.
HASSENZAHL, Marc; TRACTINSKY, Noam. User experience – a research agenda. Behaviour& Information Technology 25, 2, 2006, 91–97.
ISO (International Standard Organization). ISO 9241 Part 210: Human-centred design for interactive systems. ISO 9241-210: 2010 (E). Genebra: ISO, 2010.
KAHN, Paul; LENK, Krzysztof. Design: principles of typography for user interface design. interactions, 5(6), 15, 1998.
KUZU, ElifBug˘ra; CEYLAN, Beril. Typographic properties of on linelearnig environments for adults. Procedia Social and Behavioral Sciences, v. 9, p. 879-883, 2010.
MANOVICH, Lev. The language of new media. Cambridge: MIT Press, 2001.
MEÜRER, MaryVonni. Seleção tipográfica: Critérios e etapas para a escolha de fontes. Florianópolis: Insular, 202).
NORMAN, Donald A.; NIELSEN, Jakob. The Definition of User Experience. 2005. Retrieved April 07, 2023. https://www.nngroup.com/articles/definition-user-experience
PAMENTAL, Jason. Responsive Typography: Using Type Well on the Web. Sebastopol: O’Reilly Media, 2014.
PHINNEY, Thomas. Variable Fonts Are the Next Generation. Communication Arts. 2016. Retrieved on April 07, 2023. https://www.commarts.com/columns/variable-fonts-are-the-next-generation
ROGERS, Yvonne; SHARP, Helen; PREECE, Jenny. Design de interação. Porto Alegre: Bookman Editora, 2013.
ROTO, Virpi.; LAW, Effie; VERMEEREN, Arnold; HOONHOUT, Jettie. User Experience White Paper: Bringing clarity to the concept of user experience. 2011.
SAMARA, Timothy. Evolução do design: da teoria à prática. Porto Alegre: Bookman, 2010.
SCAGLIONE, José. Processos e métodos. 2014. In: HENESTROSA, Cristobal; MESEGUER, Laura; SCAGLIONE, José. Como criar tipos: do esboço à tela. Brasília: Estereográfica, 2014.
SCHLATTER, Tania; LEVINSON, Deborah. Visual usability: Principles and practices for designing digital applications. Newnes, 2013.
SPIEKERMANN, Erik. A linguagem invisível da tipografia: escolher, combinar e expressar com tipos. Editora Blucher, 2011.
UNGER, Gerard. Theory of type design. Nai 010, 2018.
W3SCHOOLS. CSS Web Fonts. 2023. Retrieved April 08, 2023. https://www.w3schools.com/css/css3_fonts.asp
WOLOSZYN, Maíra. Fatores de aplicação da tipografia em livros digitais. 215 f. Dissertação (Mestrado) - Programa de Pós-Graduação em Design e Expressão Gráfica, Universidade Federal de Santa Catarina, Florianópolis, 2018. Retrieved April 07, 2023. https://repositorio.ufsc.br/handle/123456789/185360
WOLOSZYN, Maíra. Variablefontwork: um framework para o processo de design de fontes variáveis. 249 f. Tese (Doutorado) - Programa de Pós-Graduação em Design, Universidade Federal de Santa Catarina, Florianópolis, 2022. Retrieved April 07, 2023. https://repositorio.ufsc.br/handle/123456789/240948
WOLOSZYN, Maíra; MEÜRER, Mary; GONÇALVES, Berenice Santos.Fontes variáveis: um estudo prospectivo. In: Anais do 9º CIDI | Congresso Internacional de Design da Informação. Blucher, São Paulo, 2019.
WROBLEWSKI, Luke. Luke Wroblewski on Interface Design. In: SAFFER, Dan. Designing for interaction: creating innovative applications and devices. New Riders, 2010.
DOI: https://doi.org/10.35522/eed.v31i2.1711
Apontamentos
- Não há apontamentos.
Direitos autorais 2023 Maurício Elias Klafke Dick, Maíra Woloszyn
Esta obra está licenciada sob uma licença Creative Commons Atribuição - NãoComercial 4.0 Internacional.
Revista Estudos em Design, Rio de Janeiro, RJ, Brasil, ISSN Impresso: 0104-4249, ISSN Eletrônico: 1983-196X
Esta obra está licenciada sob uma licença Creative Commons Atribuição-NãoComercial 4.0 Internacional.