Em cada interface, optamos por destacar textos, títulos, parágrafos, links para criar um diálogo com nosso usuário.
Mas durante as auditorias que pude realizar em interfaces web ou mobile, muitas vezes apontei erros de tipografia e estilos tipográficos.
Muitas vezes percebidos como pequenos detalhes, esses erros são na verdade um freio na sua comunicação.
De fato, o usuário não o conhece e se as armadilhas o impedirem ou retardarem sua leitura, ele não necessariamente redobrará seus esforços para chegar à sua mensagem.
Ao evitar esses 7 erros, você aumentará a legibilidade dos diferentes parágrafos de sua interface, aumentará o conforto e reduzirá o tempo de leitura.
O objetivo deste artigo é saber como detectar esses erros e poder corrigi-los. Mas também para adquirir uma melhor compreensão dos estilos tipográficos ancorados nos usos atuais das interfaces digitais e usá-los com sabedoria.
#1 Todas as maiúsculas
O assunto do uso de maiúsculas para os textos de uma interface pode gerar debate, mas muitos estudos provaram que um parágrafo inteiramente em maiúsculas pode ser complicado de ler e a legibilidade é reduzida.
Muitas vezes usado para destacar um texto, torná-lo mais importante e/ou mais visível, percebemos que isso produz o efeito contrário. De fato, o usuário identifica esses elementos em letras maiúsculas e prefere passá-los.
Por 2 motivos:
- O efeito às vezes provocador de ansiedade e agressivo de ler um texto em letras maiúsculas. O usuário pode ter a impressão de que está sendo gritado e que há uma espécie de nervosismo em nossa mensagem.
- Existem pouquíssimas pistas para localizar as letras e suas particularidades, o que complica a tarefa do usuário de diferenciar as letras umas das outras. O texto torna-se mais difícil e mais longo de ler.Este último ponto é muito importante porque você deve ter em mente que os usuários lêem muito pouco na web. Muitas vezes as informações são escaneadas. Usar letras maiúsculas impedirá que o usuário faça isso. E quando ele começar a ler, ele ficará mais lento e isso criará frustração. Ele terá a impressão de não progredir em sua leitura.
#2 Adotando muitas fontes
Dentro de um parágrafo, às vezes somos tentados, a criar uma certa hierarquia, a usar fontes diferentes.
Isso criará um desequilíbrio e confundirá seu usuário. É melhor permanecer consistente na forma para entregar sua mensagem com mais impacto e clareza.
Nada impede você de apresentar uma ideia ou uma frase acentuando a gordura, por exemplo. Mas você tem que escolher!
#3 Enfatize muitos elementos
Uma boa prática ao disponibilizar um parágrafo para seu usuário é destacar certas palavras-chave.
No entanto, deve-se tomar cuidado para não ter muitos estilos de texto diferentes, pois isso pode confundir o usuário.
É melhor definir seu parágrafo com antecedência e destacar visualmente o conceito-chave dele.
Lembrando que haverá esse estilo gráfico específico, mas também algumas palavras em itálico (para palavras de outro idioma, por exemplo), links sublinhados/coloridos.
#4 Use estilo de link para outro elemento
Quando um elemento é sublinhado nas interfaces, o usuário está acostumado a encontrar um link ali. Ele clica nele e será redirecionado para uma nova página.
Só que, muitas vezes, durante uma auditoria de interface, encontramos, por exemplo, legendas usando esse estilo gráfico. Isso pode confundir o usuário.
É melhor jogar em gordura, cor ou tamanho, por exemplo.
#5 Centralize o texto
Esta é talvez a primeira coisa que aprendi como designer quando comecei. Eu tendia a centralizar todos os elementos.
Esta é uma boa prática na impressão, mas não é recomendada para a web. É preferível alinhar o texto à esquerda para estruturar o bloco e assim proporcionar conforto de leitura ao nosso usuário.
#6 Justifique o texto
Este é também o caso da justificação de um texto. Muito utilizado na publicação, mas que ainda é mal gerenciado na web, pois as interfaces são dinâmicas e se movem de acordo com as resoluções. Portanto, é muito complicado manter um resultado coerente e legível.
#7 Gerenciando mal o espaçamento entre linhas
Às vezes tentamos economizar espaço. Outras vezes, pensamos – erroneamente – que será mais confortável para a leitura diminuir o espaçamento entre linhas de um parágrafo.
Se o espaçamento entre as linhas for muito pequeno, as letras se encostarão e haverá um problema de legibilidade. Se o espaçamento entre linhas for muito grande, as linhas ficarão muito afastadas e, portanto, custará ao usuário mais esforço para ler com sucesso.
Não existe um espaçamento ideal entre linhas, depende de cada tipografia. Deve, portanto, ser estudado e testado para encontrar a proporção certa que facilitará a leitura.
# Concluir
Essas 7 dicas compartilhadas permitirão que você ofereça conforto de leitura aos seus usuários. Eles o ajudarão a transmitir sua mensagem da maneira certa com o tom certo.
Como eu disse, esses são erros que frequentemente encontro durante as auditorias de interface. Eles são facilmente modificáveis e permitirão aumentar a legibilidade de seus textos.
Fonte da imagem: https://undraw.co/illustrations
Alexa CUELLAR UX-UI Designer @UX-Republic
