Como escolher a fonte certa para legibilidade

É uma pergunta antiga: qual é a melhor fonte para o design de um site?

Dependendo de quem você perguntar, você pode obter uma resposta que inclui um tipo de letra específico. (Os designers vão brincar sobre o uso da Helvetica para tudo, mas é duvidoso como uma prática recomendada.)

A pergunta mais provável é esta: Qual é a fonte mais legível para o design de um site? E a resposta está enraizada em princípios básicos de design que podem ajudá-lo a escolher um tipo de letra bonito e altamente legível.

Veja como você escolhe a fonte certa para facilitar a leitura (com exemplos de ótimas opções de fonte para inspiração).

Comece com o básico da tipografia da Web

Existem alguns tipos de letra que todos nós conhecemos e podemos considerar “bons” para legibilidade. Isso inclui um punhado de simples sem serifas que têm uma aparência média.

Mas é mais do que isso. Os tipos de letra devem ser combinados com o contexto e o design corretos.

Um grupo de pesquisadores da Adobe fez um estudo que analisou uma variedade de tipos de letra e legibilidade com um grupo de mais de 350 usuários e, finalmente, descobriu que a escolha da fonte e a legibilidade se resumem à velocidade de leitura.

Eles analisaram essas fontes (e algumas outras):

  • Tipos de letra clássicos (Times, Helvetica, Garamond)
  • Tipos de letra projetados para uso em computador (Calibri, Arial)
  • Tipos de letra projetados especificamente para legibilidade (Noto Sans, Montserrat)

A conclusão: Contexto e audiência importam muito. O que isso significa para nós: primeiro você precisa fazer escolhas de fonte com os usuários em mente.

Veja o tamanho e a escala

Agora que você está pensando nos usuários, é hora de pensar em algo que pertence à sua escolha de tipografia (mas não é a fonte em si): o tamanho e a escala das fontes em seu projeto.

O tamanho, o espaçamento e a escala geral da tipografia têm um impacto imenso na legibilidade. Quanto mais digitalizável seu conteúdo, mais importante essa consideração se torna. (Também é mais importante para usuários mais jovens que tendem a ter períodos de atenção muito curtos.)

Escalas de tipografia fortes têm muita variação entre os elementos do texto para separá-los e facilitar a leitura. Com algumas fontes, isso não é difícil de conseguir. Outros podem ser um desafio devido às formas das letras e às larguras dos traços.

Considere o carregamento e a velocidade

ocd

Você sabia que um fator que contribui para a legibilidade é a rapidez com que as fontes em um site são carregadas e renderizadas corretamente?

É uma daquelas coisas que você não percebe que está errado até se deparar com isso. Você visita um site e a fonte pisca ou pisca com um tipo de letra antes de carregar outro. Esse momento de inconsistência é suficiente para arruinar a experiência de leitura e legibilidade dos usuários.

Ou seja, em termos técnicos, você precisa usar fontes que funcionem bem e carreguem rapidamente online. Não tente reinventar a roda aqui com fontes excêntricas que não são de um conjunto comum. Para a maioria dos designs de sites, uma fonte do Google geralmente é o padrão. Não fique preso tentando carregar opções de fontes personalizadas se não for necessário.

Não fique muito chique

Alturas x normais, letras arredondadas não muito condensadas e larguras de traçado regulares podem parecer chatas, mas são altamente legíveis. Atenha-se a eles.

É realmente muito simples.

Preste atenção ao contraste e ao fundo

digiwerk

Embora a cor e o contraste do plano de fundo não façam parte de uma fonte, eles afetam muito a seleção do tipo de letra. Para garantir contraste e acessibilidade, tome cuidado com a orientação do W3C de usar um taxa de contraste de pelo menos 4:5:1 entre o texto e o fundo.

É mais do que apenas uma prática recomendada para acessibilidade. É também uma diretriz fantástica para acessibilidade também.

Imprima (Sério)

Aqui está um conselho que os designers de sites não ouvirão todos os dias. Imprima o desenho. Veja no papel. É fácil de ler? Você ainda pode lê-lo de um pouco de distância?

Essas podem ser ótimas diretrizes para determinar a legibilidade geral. Se for difícil no papel, provavelmente também será difícil na tela.

Imprimir suas opções de tipo e design também pode fornecer outras dicas de legibilidade. A fonte é nítida? Degrada em outros tamanhos ou com outros usos? (Este é um fator para a capacidade de resposta.)

Tudo ainda parece do jeito que você pretendia? É incrível como algo pode parecer diferente dessa nova perspectiva.

Peça feedback do usuário

marble

Nem sempre é uma opção, mas quando puder, peça feedback dos usuários.

Esse estudo da Adobe descobriu que as pessoas nem sempre são as melhores avaliadoras de uma fonte, mas podem ajudá-lo a descobrir se algo funciona para seu público principal. Isso é especialmente verdadeiro se você usar fontes que não sejam bastante neutras no design, como scripts, fontes inovadoras ou qualquer coisa com um design de tipo experimental.

Idealmente, você pode pedir esse feedback antes do lançamento de um site, mas antes tarde do que nunca se estiver questionando uma escolha de fonte. Tenha em mente que os usuários nem sempre sabem como dizer o que eles preferem ver em termos de legibilidade. É possível que você esteja usando um ótimo tipo de letra, mas para ser legível, ele precisa de uma mudança de tamanho ou escala. Fique aberto a essas oportunidades (e soluções rápidas).

Qual fonte é melhor para legibilidade?

Tudo volta à pergunta inicial: Qual é a melhor fonte para legibilidade?

Embora não cheguemos a escolher um tipo de letra específico, você pode começar com estas três regras:

  • Escolha uma fonte comum ou do Google.
  • Escolha uma fonte que seja simples (serif ou sans serif) e tenha espessura de traço e altura x regulares.
  • Escolha uma fonte que funcione para a demografia do seu público (os mais jovens preferem sem serifas, enquanto os mais velhos podem preferir serifas para uma sensação mais tradicional).

Conclusão

Não há fonte certa ou errada quando se trata de legibilidade. É tudo uma questão de aplicação e uso. Ao selecionar uma fonte de site, pense no conteúdo, contexto e público-alvo para encontrar algo que funcione bem.

E não se esqueça de testar. Pergunte aos usuários o que eles pensam. Analise as análises ou use uma ferramenta de mapeamento de calor para ver se o design – e a escolha da fonte – está levando os usuários ao design do site da maneira que você deseja.

Source link

Amazon Coaching Grátis

Venda 25K Dólares com apenas um Produto no Amazon.

Artigos Relacionados

LEAVE A REPLY

Please enter your comment!
Please enter your name here

eight + two =

- Ana Pereira -spot_img

Últimos Artigos