Design de UI/UX para usuários com dislexia

Atualmente, empresas de todas as escalas estão trabalhando para melhorar sua inclusão. Esta iniciativa louvável permite que as pessoas obtenham os benefícios dos bens e serviços independentemente de suas limitações de saúde.

Os serviços digitais também estão tentando adotar a inclusão, com as indústrias de desenvolvimento web e móvel liderando essa corrida. O Instagram lançou recentemente uma atualização de seu aplicativo com dois recursos de acessibilidade, texto alternativo automático e texto alternativo personalizado.

Esses recursos permitem que usuários com deficiência visual tenham a melhor experiência de uso do aplicativo.

Atualmente, a indústria ainda está aprendendo a criar designs UX/UI inclusivos que sejam igualmente fáceis de usar para pessoas diferentes. Neste texto, você encontrará informações sobre design de UI/UX para usuários com dislexia.

Se você se pergunta por que isso é importante, aqui está um fato: com base em seus estudos, o Yale Center for Dyslexia & Creativity chegou à conclusão de que até vinte por cento da população do mundo pode sofrer de dislexia até certo ponto. Ou seja, dois em cada dez usuários do seu aplicativo ou site podem não conseguir obter uma experiência de usuário decente ao usá-lo.

Conscientização da Dislexia

A dislexia é uma condição que causa dificuldades na escrita, ortografia e leitura em crianças e adultos de todas as faixas etárias, etnias, status sociais e níveis de inteligência. A dislexia é uma dificuldade de aprendizagem neurológica comum que não é totalmente curável. Não é contagiosa e não hereditária. Essa condição não tem nada a ver com preguiça e relutância em estudar. Embora essa deficiência de aprendizado baseada em linguagem não seja curável, ela não impede automaticamente que as pessoas com essa condição tenham sucesso acadêmico, profissional e pessoal. Com intervenção adequada e assistência tecnológica, os disléxicos podem levar uma vida bem-sucedida como qualquer outra pessoa.

Algumas das pessoas famosas e bem sucedidas têm dislexia. Albert Einstein, Richard Branson, Tom Cruise, Jim Carrey, Walt Disney e Whoopi Goldberg foram diagnosticados com dislexia. Essa condição não impediu que John F Kennedy, George Washington e George W Bush se tornassem presidentes dos EUA. Quando não diagnosticada e tratada adequadamente, a dislexia pode causar insucesso acadêmico, muita ansiedade, frustração e baixa autoestima.

Há também aspectos legais de tornar a web acessível a todos. Você pode conferir os Recursos de Política de Acessibilidade da Web da WAI para ver artigos sobre políticas legais relacionadas à acessibilidade.

Design para dislexia

A educação moderna é altamente digitalizada. Muitas vezes, as crianças aprendem o básico de leitura e escrita de seus iPads. No entanto, eles não são o único grupo que precisa de soluções acessíveis. Diferentes pessoas ao redor do mundo precisam de ferramentas web e móveis acessíveis que possam usar e se beneficiar, independentemente de suas limitações.

Já existem algumas soluções educacionais digitais de bastante sucesso para disléxicos. Entre eles estão aplicativos como Leo, Teen and Adults Phonics Library, Knoword, Reading Machine e Draw Something. Confira-os para se inspirar ao trabalhar no design amigável para disléxicos do seu produto.

Projetar UX e UI para dislexia pode ser mais difícil do que criar um aplicativo móvel ou web normal. Nesse caso, um designer precisa fazer mais do que apenas seguir as melhores práticas do setor. Para projetar uma UX/UI amigável para disléxicos, é preciso acompanhar os desenvolvimentos recentes neste setor e seguir as diretrizes que já provaram ser bem-sucedidas. Ao tornar seu site ou aplicativo fácil de usar para disléxicos, é melhor trabalhar com designers que tenham experiência relevante e bem-sucedida e possam mostrar seus portfólios ou estudos de caso.

Quando você torna seu produto acessível para um grupo peculiar de pessoas, seguir as melhores práticas para o caso não é suficiente. Você deve sempre deixar o público-alvo testar o produto para ver como eles interagem com ele. Mesmo após um teste completo de garantia de qualidade, pode haver um problema que apenas um disléxico pode perceber. Não importa qual produto digital você projeta, você precisa ficar de olho nos usuários o tempo todo. Uma solução que parece melhor para você pode ser confusa e desfavorável para as pessoas que realmente a estão usando.

Melhores práticas de design de UX/UI para disléxicos

Uma UX/UI acessível e amigável para disléxicos pode ser desenvolvida da seguinte forma:

• Alto contraste e dislexia não combinam bem . Pessoas com dislexia muitas vezes acham difícil ler textos nas telas com altos níveis de contraste. Do ponto de vista deles, parece que as letras, palavras e linhas estão “dançando”, mudando de lugar e dificultando o leitor. Para facilitar para os usuários, opte por fundos pastel em vez de cores de alto contraste. Escolha um texto cinza escuro em vez de preto ao trabalhar com um fundo branco. Não afetará a clareza e a legibilidade para usuários regulares, mas melhorará significativamente para disléxicos.
• Tenha cuidado com as fontes . Fontes, adequadas para dislexia, possuem espaçamento entre linhas aumentado e elementos tipográficos distintos para letras que geralmente são confusas para elas. Existem fontes adaptadas para disléxicos, como Dyslexie ou Open Dyslexic. Uma fonte Comic Sans muitas vezes ridicularizada funciona surpreendentemente bem para esse público também. A razão por trás disso é bastante simples – as letras nesta fonte têm grandes espaços entre elas e possuem elementos de tipografia exclusivos que ajudam os usuários a distinguir entre letras semelhantes mais facilmente. Quando sua escolha de fonte estiver limitada a opções regulares, escolha Arial, Century Gothic, Tahoma, Trebuchet ou Verdana.
• Mantenha o texto curto . Este conselho diz respeito a linhas de textos em particular e telas em geral. Estudos sugerem que uma linha em uma tela não deve ter mais de 45 caracteres para melhor compreensão. Além disso, não é aconselhável escolher fontes menores que doze a quatorze pontos.
• Não sobrecarregue o estilo do texto . Embora as letras tendam a dançar aos olhos dos disléxicos, vesti-las com itálico e sublinhado extravagantes não melhorará as coisas. Para tornar os pontos-chave do texto claros para disléxicos, use negrito. Você também pode enfatizar blocos de texto importantes com caixas e letras minúsculas de fonte maior.
• Incorporar ferramentas de legibilidade . Ofereça aos seus usuários mais maneiras de compreender os textos em seu produto ativando ferramentas de legibilidade. Disléxicos e usuários com deficiência visual se beneficiarão muito de um recurso de texto para áudio. Você pode implementar esse recurso de uma das duas maneiras: usar uma ferramenta automatizada de terceiros ou incluir clipes de áudio de alguém lendo as áreas de texto do produto.
• Funcionalidade de divisão . Quando houver muitos recursos em uma tela, tente diminuir o número de recursos ou dividir a tela em duas. É melhor ter várias telas de aplicativos mais claras do que várias sobrecarregadas que podem causar dificuldades para os usuários se ajustarem a elas.
• Priorize a flexibilidade . Ao projetar para usuários disléxicos, priorize a criação de um produto flexível. Não faria mal construir vários caminhos para chegar ao mesmo destino para seus usuários. Evite criar cantos cegos que farão com que seus usuários repitam etapas longas e complexas e digitem linhas de texto novamente. Nem um único usuário ficaria feliz em fazê-lo.
• Permitir personalização . Um designer pode escolher a melhor combinação de cores, contrastes, fontes e estilos possíveis. No entanto, para alguns usuários do seu produto digital, as escolhas predeterminadas ainda podem ser desfavoráveis. Não faria mal permitir um nível razoável de personalização do design. Permita que os usuários escolham fontes, ampliação de texto, texto e cores de fundo.
• Capacite o texto com gráficos . Sempre que possível, use ícones para dar suporte ao texto ou use-os em vez de texto para melhor compreensão. Imagens e vídeos devem auxiliar os textos e tornar o design mais claro e melhorar sua acessibilidade. Acompanhe vídeos com legendas para usuários com deficiência visual.
• Use o preenchimento automático, lembretes e dicas . Não faça com que os usuários do seu aplicativo se lembrem de tudo o que já digitaram e pesquisaram no seu aplicativo. Ativar um campo de pesquisa semelhante ao Google com sugestões do histórico de um usuário será muito útil. Sempre que possível, dê dicas aos seus usuários.

• Incorpore a correção automática . É irritante quando um aplicativo não entende você apenas porque você digitou uma letra incorretamente. Serviços como o Pinterest adivinham o que o usuário quer dizer e oferecem opções para escolher. Tal recurso pode ser precioso para usuários disléxicos. Também será útil para o público mais jovem e falantes não nativos.

  

  

• Mais simples é melhor . Não sobrecarregue seu design com elementos desnecessários que podem distrair e confundir seus usuários. O design de UX/UI para dislexia deve diminuir a carga cognitiva para o usuário. Deve ser o mais claro e livre de distrações possível.

Más Práticas para Design de Dislexia

Existem algumas práticas de UX/UI que parecem lógicas e úteis para desenvolvedores e usuários regulares, mas são um tanto desfavoráveis ​​para disléxicos. Aqui está uma breve visão geral das más práticas que você deve evitar:

• Grandes blocos de texto pesado . Embora pareçam uma boa opção para espremer o máximo de texto possível em uma tela, eles são sempre uma má escolha em termos de legibilidade e facilidade de uso.

• Telas impressionantes . Não esprema tudo em uma tela. De acordo com as recentes tendências de desenvolvimento e design de aplicativos móveis e web, o minimalismo é o novo preto. Dê uma olhada na página de perfil do Instagram. Você não vê todos os recursos do aplicativo nele. Não há distrações e ruídos visuais.

  

• Espaçamento duplo no final da frase . Alguns podem pensar que os espaços duplos no final das frases tornam o texto mais claro. No entanto, não é o caso de usuários com dislexia. O espaçamento duplo torna o texto embaçado como um rio nos olhos de um disléxico.
• Uso de botões vagos . Quando um botão diz “Clique aqui”, seu significado é claro para o desenvolvedor e criador do aplicativo, mas pode não ser tão óbvio para os usuários disléxicos. Torne os comandos nos botões o mais simples e inequívocos possível.
• Todas as informações em uma página . Embora possa ser lógico colocar todas as informações sobre uma coisa em um só lugar, não é uma boa ideia para usuários disléxicos. Dê a seus usuários a chance de acessar os mesmos dados usando vários caminhos diferentes.

Pensamentos finais

A Internet surgiu como uma tecnologia, acessível a todos. Desenvolvedores e designers devem manter a tecnologia digital não discriminatória para todos os tipos de usuários, não importa quão avançada e complexa ela seja.

O desenvolvimento da tecnologia de smartphones fez com que milhões de pessoas se transferissem para dispositivos móveis como fonte primária de comunicação, interação e entretenimento online. A criação de aplicativos web e móveis com acessibilidade em mente deve ser uma segunda natureza para desenvolvedores e designers.

A questão da acessibilidade para disléxicos vem sendo estudada há algum tempo, e já existem algumas boas práticas que você pode utilizar para o seu projeto. Não há nada extremamente complexo em tornar o design do seu produto digital acessível para usuários com dislexia. A acessibilidade não tira o estilo e a elegância do seu produto. Como bônus, isso o tornará mais enfático e humano. Afinal, a informação deve ser acessível a todos, pois é parte inseparável de nossas vidas.

Recursos para trabalhar com dislexia:

Abaixo, você encontrará uma lista de recursos atualizados relevantes que podem ajudá-lo a criar melhores designs de UX/UI para usuários com dislexia:

1. 20 recursos de design para facilitar o aprendizado em crianças disléxicas
2. Associação Britânica de Dislexia: Guia de Estilo de Dislexia
3. UX Planet: Projetando para a Dislexia
4. Dyslexia International i (recurso de informação sem fins lucrativos)
5. O Helen Arkell Dyslexia Center (recurso de caridade e informação)
6. Associação Internacional de Dislexia
7. Usabilla: Como projetar para dislexia