Legibilidade

O quanto cada letra, número e símbolo é fácil de reconhecer e distinguir dentro de um texto.

Hard

O que é

Legibilidade é a qualidade que faz a pessoa identificar caractere, palavra e símbolo sem esforço. Enquanto a leiturabilidade olha o bloco inteiro de texto, a legibilidade foca na menor unidade, que é a letra e a palavra. Uma cuida do todo, a outra do detalhe.

O que mais pesa começa na escolha da fonte. Tem tipo desenhado pra distinguir bem o “I”, o “l” e o “1”, e tem tipo que prioriza a estética e perde clareza em tamanho pequeno. Logo depois entra o espaçamento, porque kerning, tracking e entrelinha apertados demais borram a leitura, e soltos demais quebram o fluxo.

O contraste também decide bastante. Texto escuro em fundo claro costuma ser o mais legível, mas qualquer paleta alternativa pede atenção redobrada ao contraste, principalmente pra baixa visão e pra tela usada ao sol. Seguir as razões de contraste do WCAG ajuda a garantir legibilidade pra todo mundo, não só pra quem enxerga bem.

Em uma frase

Vamos trocar essa fonte por uma que separa bem o 1, o l e o I, porque o pessoal está confundindo os códigos.

A pergunta que ele responde

Por que as pessoas estão lendo errado os códigos e números do meu app?

Quando usar

Ajuda ao escolher tipografia, definir espaçamento e contraste, e testar o texto em telas e tamanhos diferentes, já que o que parece claro no monitor pode falhar no celular.

Como não usar

O cuidado é não escolher a fonte só pela personalidade da marca e acabar sacrificando a clareza em tamanho pequeno ou em baixo contraste. A identidade importa, mas não pode custar a leitura.

Na prática

Pense num time que troca uma fonte bonita por outra que separa bem o "1", o "l" e o "I". A mudança veio porque os códigos do app estavam sendo lidos errado, e a confusão entre esses caracteres era a causa.

Não confunda com

Vale separar legibilidade de leiturabilidade. A legibilidade é sobre reconhecer o caractere, a menor peça do texto. A leiturabilidade é sobre a facilidade de ler o texto corrido inteiro. Uma olha pra letra, a outra pro parágrafo, e juntas definem se o texto flui.

D

Em inglês

Legibility

Pronúncia

n/a

Também chamado de

legibilidade, clareza de caractere

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre legibilidade e leiturabilidade