Design de UI/UX para usuários com dislexia

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

Os serviços digitais também estão tentando abraçar a inclusão, com as indústrias de desenvolvimento web e móvel liderando esta 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 obtenham a melhor experiência de uso do aplicativo.

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

Se você quer saber por que isso importa, 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 em algum grau. 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 sobre 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 deficiência de aprendizagem neurológica comum que não é totalmente curável. Não é contagiosa e não é hereditária. Essa condição nada tem a ver com preguiça e relutância em estudar. Embora essa deficiência de aprendizagem baseada na 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. Esta condição não impediu que John F. Kennedy, George Washington e George W. Bush se tornassem presidentes dos Estados Unidos. Quando não diagnosticada e tratada adequadamente, a dislexia pode causar insucesso escolar, muita ansiedade, frustração e baixa auto-estima.

Há também aspectos legais de tornar a web acessível a todos. Você pode verificar os Recursos de Política de Acessibilidade na 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 bastante bem-sucedidas 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 do seu produto para disléxicos.

Projetar UX e UI para dislexia pode ser mais difícil do que criar um aplicativo móvel ou da Web comum. Nesse caso, o designer precisa fazer mais do que simplesmente 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 de sucesso relevante e possam mostrar seus portfólios ou estudos de caso.

Quando você torna seu produto acessível para um grupo peculiar de pessoas, não basta seguir as melhores práticas para o caso. Você deve sempre deixar o público-alvo testar o produto para ver como ele interage 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ê crie, você precisa ficar de olho em seus usuários o tempo todo. Uma solução que parece ser a melhor para você pode ser confusa e desfavorável para as pessoas que 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. As pessoas com dislexia costumam achar 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 o usuário, opte por fundos pastéis em vez de alto contraste cores. Escolha texto cinza escuro em vez de preto ao trabalhar com um fundo branco. Isso não afetará a clareza e a legibilidade para usuários comuns, mas melhorará significativamente para disléxicos.

• Tenha cuidado com as fontes. As fontes, adequadas para a dislexia, têm maior espaçamento entre linhas e elementos tipográficos distintos para letras que geralmente são confusas para eles. Existem fontes personalizadas para disléxicos, como Dyslexie ou Open Dyslexic. Uma fonte Comic Sans frequentemente ridicularizada funciona surpreendentemente bem para esse público também. A razão por trás disso é bastante simples – as letras nessa fonte têm grandes espaços entre elas e possuem elementos tipográficos exclusivos que ajudam os usuários a distinguir entre letras semelhantes com mais facilidade. Quando sua escolha de fonte é limitada a opções regulares, escolha Arial, Century Gothic, Tahoma, Trebuchet ou Verdana.

• Mantenha o texto curto. Este conselho diz respeito a linhas de texto 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, enfeitá-las com itálicos e sublinhados não vai melhorar as coisas. Para tornar os pontos-chave do texto claros para os disléxicos, use negrito. Você também pode enfatizar blocos de texto importantes com caixas e letras minúsculas de fontes maiores.

• Incorporar ferramentas de legibilidade. Dê a seus usuários mais maneiras de compreender os textos em seu produto, habilitando 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 duas maneiras: usar uma ferramenta automatizada de terceiros ou incluir clipes de áudio de alguém lendo as áreas de texto no produto.

• Funcionalidade dividida. 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 extra claras do que várias telas 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. Nenhum usuário ficaria feliz em fazer isso.

• Permitir personalização. Um designer pode escolher a melhor combinação de cores, contrastes, fontes e estilos possíveis. No entanto, para alguns dos usuários de seu produto digital, as escolhas predeterminadas ainda podem ser desfavoráveis. Não faria mal permitir um nível razoável de personalização de design. Deixe os usuários escolherem fontes, ampliação de texto, texto e cores de fundo.

• Capacite o texto com gráficos. Sempre que possível, use ícones para apoiar o texto, ou use-os no lugar do texto para melhor compreensão. Imagens e vídeos devem auxiliar os textos e tornar o design mais claro e melhorar sua acessibilidade. Acompanha 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 de seu aplicativo se lembrem de tudo o que já digitaram e pesquisaram em 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.

• Incorporar 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 do usuário. Deve ser o mais claro e livre de distrações possível.

Práticas ruins para design de dislexia

Existem algumas práticas de UX/UI que parecem lógicas e úteis para desenvolvedores e usuários comuns, mas são um pouco 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 escolha ruim em termos de legibilidade e facilidade de uso.

• Telas avassaladoras. Não esprema tudo em uma tela. De acordo com as recentes tendências de desenvolvimento e design de aplicativos móveis e da 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ído visual.

• Espaçamento duplo no final da frase. Alguns podem pensar que 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 borrado como um rio aos 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 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 obter os mesmos dados usando vários caminhos diferentes.

Pensamentos finais

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

O desenvolvimento da tecnologia dos smartphones fez com que milhões de pessoas transferissem para os dispositivos móveis a principal fonte de comunicação, interação e entretenimento online. A criação de aplicativos da 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 de seu produto digital acessível para usuários com dislexia. A acessibilidade não tira o estilo e elegância do seu produto. Como bônus, isso o tornará mais enfático e humano. Afinal, a informação deve estar acessível a todos, pois é parte indissociá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 da Dislexia
3. UX Planet: Projetando para dislexia
4. Dyslexia International i (recurso de informação sem fins lucrativos)
5. The Helen Arkell Dyslexia Center (recurso de caridade e informação)
6. Associação Internacional de Dislexia
7. Usabilla: Como projetar para a dislexia