Variáveis Que Garantam a Legibilidade e Leiturabilidade de Textos em Dispositivos Digitais.

Körting, Guilherme; Silva, Régio Pierre da

10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design

UFMA — São Luís (MA)

Outubro/2012

Variáveis Que Garantam a Legibilidade e Leiturabilidade de Textos em Dispositivos Digitais.

Variables That Guarantees Legibility and Readability of Texts on Digital Devices.

Guilherme Körting

Régio Pierre da Silva

Como citar

Körting, Guilherme; Silva, Régio Pierre da; "Variáveis Que Garantam a Legibilidade e Leiturabilidade de Textos em Dispositivos Digitais.", p. 4859-4867. In: CONGRESSO BRASILEIRO DE PESQUISA E DESENVOLVIMENTO EM DESIGN, 10., 2012, São Luís. Anais [...]. São Luís: EDUFMA, 2012

Resumo

O artigo apresenta alguns dos mais relevantes fatores gráficos - seleção do tipo de fonte e seu tamanho, alinhamento dos textos e seleção das melhores cores para texto e fundo - e analisa a tecnologia de renderização de textos e imagens, variáveis que garatem a legibilidade e leiturabilidade de textos em dispositivos digitais. A constatação de que existem boas combinações de tais variáveis e padrões a serem adotados, além do auxílio da tecnologia de renderização (efeito de anti-alias) confirma a relevância de tais aspectos no desenvolvimento de um texto legível e de fácil leitura e compreensão. Apesar das ideias já estabelecidas no contexto da leitura em computadores e dispositivos digitais, muito ainda precisa ser pesquisado e compreendido sobre o tema.

Palavras-chave:

legibilidade, leiturabilidade, tipografia, fontes, tecnologia de renderização

Abstract

The article presents some of the most relevant graphics factors – choosing of the type and size font, text align and choosing the best colors for text and background – and analyses text and images rendering technology, variables that guarantees legibility and readability of text on digital devices. The fact that there are good combinations of this variables and standards to be adopted, besides rendering technology supporting (anti-aliasing effect) confirms the relevance of this aspects on a legible and readable text development. Despite of the ideas already established on the onscreen computers and digital devices context, much more still needs to be researched and comprehended about the subject.

Keywords:

legibility, readability, typography, fonts, type rendering technology

Referências bibliográficas

[1]. BORGES, R. C. M. Interface de sistemas para navegação em hiperdocumentos. Dissertação de Mestrado em Ciência da Computação – Instituto de Informática, Universidade Federal do Rio Grande do Sul. Porto Alegre, 1997.
[2]. BOYARSKI, D., NEUWIRTH, C., FORLIZZI, J., and REGLI, S. H. A study of fonts designed for screen display. Proceedings of CHI, 1998.
[3]. ERDOGAN, Yavus. Legibility of Websites Which are Designed for Instructional Purposes. World Applied Sciences Journal 3(1). Disponível em: http://www.idosi.org/wasj/wasj3(1)/13.pdf Acessado em: 18 de janeiro de 2012.
[4]. FASCIONE, L, VIEIRA, M.H. A tipografia nas empresas de Base tecnológica. IV International Conference on Graphics Engineering for Arts and Design. São Paulo, 2001.
[5]. FILATRO, Andréa. Design instrucional na prática. Pearson Education do Brasil. São Paulo, 2008.
[6]. HARTLEY, J. Designing Instructional Text. London: Kogan Page, 1979.
[7]. HEITLINGER, Paulo. Tipografia: origens, formas e uso das letras. Ed. Dinalivro – Lisboa, 2006.
[8]. JOHNSON, Lana K. Design tips for effective web sites. Communications and Information Technology. DEAL Lab. University of Nebraska. Lincoln, 2000.
[9]. KRISTOF, Ray; SATRAN, Amy. Interactivity by design - Creating &communicating with new media. Macmillan. Indiana, USA, 1995.
[10]. LUPTON, Ellen. Pensar com tipos: guia para designers, escritores, editores e estudantes. Ed. Cosac Naify. São Paulo, 2006.
[11]. LYNCH, Patrick J.; HORTON, Sarah. Web style guide: basic design principles for creating websites. New Haven: Yale University Center for Advanced Instructional Media, 1999.
[12]. MARCUS, A. Graphic design for electronic documents and user interfaces. Ed. ACM Press. New York, 1992.
[13]. MORAES, Anamaria de; BALSTER, Marcos; HERZOG, Pedro. Legibilidade das famílias tipográficas. Anais P&D Design 96. AenD-BR, Rio de janeiro, 1996.
[14]. NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na Web – Projetando Websites com qualidade. Ed. Elsevier. Rio de Janeiro, 2007.
[15]. PARIZOTTO, R. Elaboração de um guia de estilos para serviços de informação em ciência e tecnologia via web. Dissertação de mestrado em Engenharia da Produção. Florianópolis: UFSC, 1997.
[16]. ROCHA, Cláudio. Projeto tipográfico - análise e produção de fontes digitais. Ed. Rosari. São Paulo, 2002.
[17]. SANTA ROSA, José Guilherme; MORAES, Anamaria de. Avaliação e projeto no design de interfaces. Ed. 2AB. Rio de Janeiro, 2010.
[18]. Schriver, K. A. Dynamics in document design. Ed. John Wiley & Sons, 1997
[19]. SCHUHMACHER, Vera Niedersberg. Comunicação visual para web. Ed. Unisul Virtual. Palhoça, 2005.
[20]. SOUSA, A. A. Usabilidade e a padronização no e-learning. 9º Congresso Internacional de Educação à Distância. Anais eletrônicos. ABED. São Paulo, 2002 Disponível em: http://www.abed.org.br/congresso2002. Acesso em: 20 janeiro de 2012
[21]. VALIATI, E. R. A. Elaboração e avaliação de um guia de recomendações para auxílio no desenvolvimento de interfaces com usabilidade em software educacional do tipo hipertexto/hipermídia informativo. Dissertação de Mestrado em Ciência da Computação – Instituto de Informática, Universidade Federal do Rio Grande do Sul. Porto Alegre, 2000.
[22]. WEINMAN, Lynda. Design gráfico na web. Ed. Quark do Brasil. São Paulo, 1998.
[23]. ZELENKA, Pavel. The clear, the legible and the nice. Typo Magazine. Ano 2, nº.11. Praga - República Tcheca, 2004.