Escolhas em UX Writing para uma melhor experiência de leitura

Dicas técnicas para melhorar o conforto visual dos textos em aplicações digitais

Erika Mayumi Miyoshi
SiDi Design
5 min readSep 24, 2022

--

UX Writing consiste no processo de redigir, adequar e aperfeiçoar os textos que farão parte ou que já estão presentes em aplicações digitais. Esses textos cumprem papéis muito importantes, como orientar, guiar e ensinar o usuário, visando uma melhor experiência de uso. O UX Writing tem como foco uma redação cuidadosa dos textos do produto, porém existem outras questões técnicas que são básicas, mas igualmente importantes e que influenciam diretamente na experiência da leitura, como o tipo de fonte, cores e tamanhos escolhidos para os textos.

Três ícones um ao lado do outro, o primeiro simbolizando fonte tipográfica, o segundo cores e o terceiro tamanho.

Tipografia

A escolha da fonte é fundamental por muitas razões, uma fonte mal escolhida pode dificultar a leitura, a compreensão e a visualização dos textos, podendo inclusive levar os usuários a desistirem de usar o produto. Além disso, devemos também considerar outro ponto muito importante: a acessibilidade. Existem fontes que, apesar de inadequadas, são compreendidas por usuários que não possuem limitações ou deficiências, porém se transformam em uma grande barreira para usuários com deficiências visuais ou cognitivas.

Duas frases, a primeira escrita com uma fonte cursiva dizendo: "Esta fonte é complexa e mais difícil de ler", e a segunda frase escrita com fonte simples e serifada dizendo: "Esta fonte é mais simples e fácil de ler".

Partindo deste raciocínio, é de extrema importância considerar quais as fontes mais adequadas a cada aplicação e situação. Por exemplo, para textos extensos é fortemente recomendado prezar por fontes simples com serifas e que sejam amplamente conhecidas pelos leitores. As serifas auxiliam na continuidade das palavras em uma mesma linha, e uma fonte bastante difundida tende a facilitar a leitura por não gerar esforço cognitivo adicional de adaptação a uma fonte nova ou diferente.

Já para textos curtos, pode-se utilizar fontes sem serifas ou até fontes mais incomuns dependendo do contexto. Um ponto a se considerar é ter uma quantidade limitada de variações, como: negrito, itálico, tamanho, ou mesmo o número de fontes diferentes em um mesmo texto. Cada variação ou fonte nova introduz uma carga cognitiva, o que pode interferir no conforto e velocidade da leitura, especialmente em textos menores.

Para fazer boas escolhas de tipografia é fundamental que o UX Writer tenha conhecimento dos estilos tipográficos bem como de suas aplicações.

Frase escrita com uma fonte diferente por palavra dizendo: "Cada nova fonte introduz esforço cognitivo adicional".

Um exemplo muito claro de fontes empregadas inadequadamente é o uso de fontes decorativas em textos extensos. As fontes decorativas rompem com a tradição e apresentam formatos originais e irreverentes, tendo uma melhor aplicação em logotipos e em formatos impressos como em fachadas, toldos, cartazes e outros. Utilizar uma fonte decorativa em textos corridos e em elementos importantes da aplicação, como em botões, pode comprometer a compreensão do usuário, além de tornar a leitura desgastante, cansativa e improdutiva. Além disso, as fontes decorativas são, em geral, fontes que não são projetadas levando em conta a acessibilidade, o que pode tornar sua aplicação capacitista e segregadora.

Para aplicações com muitos textos, uma boa prática é permitir que o próprio usuário possa escolher a fonte que lhe seja mais confortável dentre uma lista. Inclusive, existem fontes que foram especialmente projetadas para certos tipos de deficiência, como a OpenDyslexic, que é voltada para pessoas com dislexia.

Frase escrita com fonte decorativa dizendo: "Fontes decorativas dificultam a leitura".

Paleta de cores

Como um complemento à tipografia, a escolha das cores a serem utilizadas é muito importante, pois pode trazer uma combinação de muito sucesso, que favorece tanto a leitura quanto a compreensão e a organização dos elementos textuais. Em contrapartida, ao combinar fontes e cores de forma inadequada é possível prejudicar consideravelmente os usuários, especialmente os que possuem algum tipo de deficiência.

Um dos pontos principais é o contraste entre a fonte e o fundo, um baixo contraste pode dificultar a leitura para todos os tipos de usuário, e dependendo das cores escolhidas, pode ser ainda pior para deficientes visuais parciais ou daltônicos. Para evitar este tipo de problema, há várias ferramentas online, como o Contrast Checker, que indicam se o contraste entre as cores escolhidas está adequado ou não.

Duas frases, a primeira escrita em azul claro sobre fundo azul levemente mais escuro, dizendo: "Texto e fundo com baixo contraste", e a segunda frase escrita em verde limão sobre fundo vermelho vibrante dizendo: "Evite combinações de cores muito saturadas".

Tamanho

Outro fator importante e que auxilia na distinção entre os elementos textuais é o tamanho: geralmente os títulos apresentam tamanhos maiores e os textos, menores. Além do tamanho, a combinação de fontes neste caso pode ser bem interessante desde que bem fundamentada: ao combinar uma fonte não-serifada para os títulos com uma fonte serifada para os textos, cria-se um contraste que torna mais perceptível a diferenciação entre títulos e textos. Um bom exemplo são as fontes utilizadas pelo próprio Medium.

Por fim, a distância entre elementos textuais diferentes também pode colaborar tanto para a distinção quanto a organização dos mesmos em uma aplicação.

Todas estas questões influenciam tanto na leiturabilidade quanto na legibilidade dos textos.

A leiturabilidade diz respeito à estruturação em termos de organização e hierarquia visual dos elementos textuais, de modo a facilitar a diferenciação de cada elemento e consequentemente permitir que a leitura seja feita de forma fluida e natural, provendo a compreensão pretendida.

Já a legibilidade está relacionada às características visuais do texto, ou seja: tipografia, paleta de cores e distância entre os elementos textuais.

Em resumo:

Infográfico com todas as dicas tipográficas contidas no artigo, dispostas sequencialmente.

Estes são alguns dos pontos a serem considerados em UX Writing com o intuito de melhorar a qualidade da leitura dos usuários.

Antes de iniciarem o trabalho em uma aplicação, ponderem com carinho quais fontes, cores, tamanhos e espaçamentos vocês utilizarão para uma melhor compreensão e apreensão do conteúdo dos seus textos!

--

--

Erika Mayumi Miyoshi
SiDi Design

UX/UI designer, UX writer, illustrator, ex-programmer, nerd/otaku, traveler and mother. =)