Memória P&D Design

15º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design

UFAM — Manaus (AM)

Outubro/2024

Relações Entre Tipografia e Necessidades do Usuário: Uma Análise do Padrão Digital de Governo

Relationships Between Typography and User Needs: An Analysis of the Brazilian Government's Design System

Maíra Woloszyn

Como citar

Woloszyn, Maíra; "Relações Entre Tipografia e Necessidades do Usuário: Uma Análise do Padrão Digital de Governo", p. 3716-3729. PPG Design Caderno Científico, Manaus, 2024. Anais do XV Congresso Brasileiro de Pesquisa e Desenvolvimento em Design – P&D Design Manaus., DOI https://doi.org/10.29327/5457226.1-430

Resumo

O acesso às mídias digitais tem apresentado um significativo crescimento nos últimos anos, tornando a transmissão de conteúdo mais rápida e eficiente. Com isso, as interfaces digitais se tornaram o principal meio de acesso a informação, onde diversos elementos são organizados, a fim de proporcionar a melhor experiência para o usuário. Dentre estes elementos, a tipografia tem papel significativo, uma vez que os textos estão presentes na maioria das interfaces digitais. Em uma relação de propriedades tipográficas com as necessidades do usuário para garantir uma experiência satisfatória em sistemas digitais, destacam-se as características de acessibilidade, legibilidade, leiturabilidade, personalidade e customização. Com base nestes princípios, o presente estudo teve por objetivo analisar as especificações de configurações da tipografia no Padrão Digital de Governo. Como resultado, identificou-se que as orientações atendem grande parte dos critérios propostos, ressaltando a importância de uma abordagem consistente da tipografia em design systems.
Palavras-chave:

Experiência do usuário, Tipografia, Design System

Abstract

Access to digital media has shown significant growth in recent years, making content transmission faster and more efficient. Consequently, digital interfaces have become the primary means of accessing information, where various elements are organized to provide the best user experience. Among these elements, typography plays a significant role, as text is present in the majority of digital interfaces. In a relationship between typographic properties and user needs to ensure a satisfactory experience in digital systems, characteristics such as accessibility, legibility, readability, personality, and customization stand out. Based on these principles, this study aimed to analyze the typography configuration specifications in the Brazilian government's design system. As a result, it was identified that the guidelines meet a large portion of the proposed criteria, emphasizing the importance of a consistent typographic approach in design systems.
Keywords:

User experience, Typhograpy, Design System

Referências bibliográficas

  • BRASIL. Padrão Digital de Governo. 2024. Disponível em Acesso em: junho, 2024.

  • BONSIEPE, G. Design: do material ao digital. São Paulo: Blucher, 2015.

  • Cetic.Br (2021). Pesquisa sobre o uso das tecnologias de informação e comunicação nos domicílios brasileiros: TIC Domicílios 2020: edição COVID-19: metodologia adaptada. Comitê Gestor da Internet no Brasil.

  • DICK, M. E. K.; WOLOSZYN, M. Influence of typographic properties on user experience in digital interfaces. Estudos em Design, Rio de Janeiro: v. 31, n. 2 [2023], p. 99 – 109. 2023.

  • FREIRE, P. S. Aumente a qualidade e a quantidade de suas publicações científicas. Manual para a elaboração de projetos e artigos científicos. Curitiba, PR: CRV, 2013.

  • GRILO, A. Experiência do usuário em interfaces digitais. Natal: SEDIS-UFRN, 2019.

  • HANCOCK, P. A.; PEPE, A. A.; MURPHY, L. L. Hedonomics: The power of positive and pleasurable ergonomics. Ergonomics in design, 13(1), 8-14, 2005.

  • LEMOS, André. Cibercultura e Mobilidade: a Era da Conexão. In: Razón y Palabra Vol. 22, 2018.

  • LUPTON, Ellen. Tipos na tela. São Paulo: Gustavo Gili, 2015.

  • MANOVICH, Lev. The language of new media. The MIT press Cambridge. London: 2001.

  • MARTINO, Luís Mauro Sá. Teoria das Mídias Digitais. Linguagens, Ambientes e redes. RJ: Ed. Vozes, 2015.

  • MASLOW, A. Introdução à psicologia do ser. Rio de Janeiro: Eldorado, 1962.

  • MCINERERNEY, M. Raleway. 2024. Disponível em: . Acesso em: junho, 2024.

  • Meürer, M. V. (2022). Seleção Tipográfica: Critérios e etapas para a escolha de fontes. Florianópolis: Editora Insular.

  • Meürer, M. V.; Woloszyn, M.; Auler, D. R. Contribuições das fontes variáveis para tipografia inclusiva: uma discussão sobre os eixos de variação In: Anais do 11º Congresso Internacional de Design da Informação e 11º Congresso Nacional de Iniciação Científica em Design | CIDI+CONGIC 2023. São Paulo: Blucher, 2024.

  • NORMAN, D.; NIELSEN, J. The Definition of User Experience. 2005. Retrieved April 07, 2023. Disponível em . Acesso em: novembro, 2023.

  • OLIVEIRA, J. B. F.; MOURA, H. P. Utilização de design systems por empresas do Porto Digital: um estudo sobre a adoção e desafios de implementação. 2024. Disponível em . Acesso em: junho, 2024.

  • PAMENTAL, J. Responsive Typography: Using Type Well on the Web. Sebastopol: O'Reilly Media, 2014.

  • ROTO, V.; LAW, E.; VERMEEREN, A.; HOONHOUT, J. User Experience White Paper: Bringing clarity to the concept of user experience. 2011.

  • SALAVERRÍA, R. Multimedialidade: informar para cinco sentidos. In: Webjornalismo: 7 características que marcam a diferença. LabCom, 2014.

  • SAMARA, T. Evolução do design: da teoria à prática. Porto Alegre: Bookman, 2010.

  • SAMARA, T. Guia de tipografia. Porto Alegre: Bookman, 2011b.

  • SANTAELLA, Lucia. Comunicação Ubíqua: repercussões na cultura e na educação. São Paulo: Paulus, 2013.

  • SCAGLIONE, José. Processos e métodos. In: 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. Waltham: Morgan Kaufmann, 2013.

  • TIDWELL, Jenifer; BREWER, Charles; VALENCIA, Aynne. Designing Interfaces: patterns for effective interaction design. 3. ed. Sebastopol: O'reilly Media, Inc, 2020.

  • VALERO-RODRIGUEZ, D. Manual de tipografia digital. Valencia: Campgrafic Editors, 2016.