A tipografia é uma das pedras angulares de qualquer site ou aplicativo. Você pode pensar: Tipografia não é apenas escolher as fontes certas para minha página? Mas, assim como muitas outras coisas aparentemente simples, é muito mais importante do que você imagina. Uma boa tipografia requer mais do que apenas marcar itens em uma lista.

Este artigo aborda a filosofia por trás do papel da tipografia no UX, explorando sua história, elementos-chave e terminologia. Além disso, discute se a tipografia ainda importa, analisando como ela importa. Assim, você pode começar a explorar como aproveitar suas contribuições únicas para o design UX.

Uma breve história da tipografia

As palavras compõem a linguagem; são uma parte essencial de como comunicamos informações. Como as palavras aparecem em uma página, tela ou até mesmo em um botão, pode mudar a maneira como as pessoas interagem com um livro, site ou aplicativo. A tipografia é a arte e disciplina de organizar tipos – letras, números, pontuações e várias outras marcas que compõem a linguagem escrita – para transmitir uma mensagem de maneira atraente e legível.

Tipografia e comunicação impressa

A prática de imprimir informações remonta à antiga Mesopotâmia, onde selos de argila eram gravados com recibos, contratos e outras transações. Um dos desenvolvimentos mais significativos na tecnologia de comunicação e design ocorreu em 1440, quando Johann Gutenberg inventou a prensa de impressão. Com seu tipo metálico móvel e rearranjável, a prensa de Gutenberg revolucionou a produção em massa de informações que antes eram produzidas individualmente à mão.

De uma pintura de 1851 por Daniel Maclise: William Caxton apresenta a prensa de Gutenberg ao rei Eduardo IV em Westminster. Podemos ver tipógrafos no canto inferior direito montando tipos metálicos para criar uma página de texto.

As tecnologias desenvolvidas a partir da prensa de Gutenberg permitiram posteriormente a comunicação impressa em larga escala, com panfletos, sinais, cartazes, livros e jornais sendo produzidos e circulados para várias populações. Posteriormente, designs ornamentais foram desenvolvidos, tentando chamar a atenção de todos que os vissem. Tanto tipos decorativos quanto práticos se tornaram parte da linguagem visual da vida cotidiana.

Em 1957, Max Miedinger criou a Helvetica — limpa, neutra e onipresente. Ela rapidamente se tornou uma favorita para branding corporativo, sinalização institucional e publicidade, tornando-se um marco do que agora chamamos de design estilo suíço. Para mais discussão sobre o Design Suíço, consulte nosso artigo sobre A História do Estilo Tipográfico Internacional.

A Helvetica é tão popular quanto onipresente. Aqui a vemos na sinalização usada para o sistema de metrô de Nova York. Foto de Wes Hicks no Unsplash.

Tipografia na era digital

Desde Gutenberg e seu tipo móvel, tipografia e tecnologia tornaram-se inseparáveis, e à medida que nossas tecnologias de comunicação mudaram e se desenvolveram, nossa tipografia também mudou. A transição da produção mecânica para a produção digital de texto começou em meados da década de 1960 com um sistema de composição eletrônica chamado Digiset.

Desenvolvido pelo engenheiro elétrico alemão Rudolph Hell, o sistema montava tipografias desenvolvidas através de um tubo de raios catódicos (CRT) e projetadas em papel fotossensível. As primeiras fontes digitais eram fontes bitmap, que dependiam de uma abordagem baseada em pixels ou grade de blocos. Mais tarde, sistemas de codificação de formas de letras como curvas de Bézier foram desenvolvidos, permitindo que as fontes fossem escaláveis para qualquer tamanho.

Ampliando em 1000% revela a estrutura baseada em grade de pixels das fontes raster. Fontes vetoriais permanecem suaves em todos os tamanhos (limitadas apenas pela resolução da tela ou impressora usada para gerá-las).

À medida que a computação pessoal se tornou mais acessível em meados dos anos 1980, o primeiro software de editoração eletrônica, Aldus Pagemaker, foi lançado. Mais tarde adquirido pela Adobe, o Pagemaker ajudou a impulsionar desenvolvimentos oportunos na tipografia digital, incluindo o desenvolvimento de fontes especificamente para telas, bem como várias tecnologias, como Postscript e TrueType, que ajudaram a gerenciar fontes em computadores e impressoras para uso doméstico e comercial.

O sistema operacional inicial do Macintosh da Apple usava Chicago, uma fonte de Susan Kare, que originalmente a projetou em uma grade 9×7. Feita especificamente para o Macintosh e sua tela monocromática de 342×512, tornou-se uma parte significativa da estratégia de branding visual da Apple. Uma versão dela foi posteriormente usada nos primeiros iPods.

Tipografia como parte integrante do design

Para aproveitar os poderes da tipografia, você deve primeiro reconhecer sua importância central no design UX. Uma das principais utilizações da tipografia no contexto UX é promover a legibilidade máxima não apenas para a mensagem que você está tentando transmitir, mas também para os pontos de decisão em seu design que você deseja que os usuários naveguem, como confirmações ou cliques. Além disso, quando o texto é apresentado de maneira legível e bem organizada, não só é melhor compreendido pelos seus usuários, mas também os ajuda a recordá-lo com mais facilidade.

Expressividade: comunicando identidade

A legibilidade não é o único objetivo da tipografia no design UX. A tipografia contribui significativamente não apenas para a legibilidade, mas também para expressar a visão e os objetivos de uma marca, empresa, aplicativo, site ou plataforma. Ao escolher deliberadamente um tipo apropriado (implantado de maneira legível e escaneável), você está projetando a aparência final de sua marca ou empresa para seus usuários finais específicos. Junto com outros elementos visuais do seu design UX, como cor, a tipografia desempenha um papel essencial em responder a essas perguntas.

Acessibilidade: cuidando dos seus usuários

Finalmente, a boa tipografia também é um pilar da acessibilidade. A necessidade de facilitar o acesso para o maior número de usuários é uma consideração extremamente importante para todo designer UX e existem diretrizes para nos ajudar com isso. Há uma seção especificamente para tipografia nos padrões de design digital dos EUA e informações semelhantes estão presentes nas Diretrizes de Acessibilidade de Conteúdo da Web do W3C. Tudo isso atesta o papel central da tipografia no design acessível.

Conclusão: Tipografia desde o início

A tipografia pode ser um campo rico e frutífero para explorar. Escolher a tipografia certa para o seu UX é mais do que um exercício intelectual ou visual. Utilizada adequadamente, pode trazer grandes recompensas para você e seus usuários. A chave para uma tipografia eficaz é considerá-la um elemento essencial desde o início do processo de design. Não é algo que você pode simplesmente adicionar no final, pouco antes de seu design encontrar seus primeiros usuários. A tipografia faz parte da estrutura visual da comunicação que forma a base de toda implementação de UX.

Pronto para escolher suas fontes? Nosso artigo sobre os diferentes tipos de fontes e quando usá-las pode ajudá-lo com o próximo passo sobre o uso da tipografia no seu design.

Este post contém imagens originais de John Hirota. John Hirota é um ilustrador que trabalha nos campos de design, cultura e educação.