5 maneiras simples de tornar sua IU mais acessível

Em março passado, compartilhamos um artigo sobre por que todos devemos nos preocupar com a acessibilidade tecnológica. Argumentámos que a acessibilidade era crucial porque democratizava a tecnologia, colocando-a ao alcance de todos, desde pessoas com deficiência física até indivíduos sem conhecimentos tecnológicos. Dissemos (e cito) “(acessibilidade) pode dar a todos nós uma nova sensação de conforto, ajudar-nos no futuro e levar-nos a uma nova forma de interagir com o mundo de formas incrivelmente sofisticadas, sem deixar ninguém de fora”.

Esse artigo foi publicado pouco antes de a pandemia nos atingir totalmente. Depois que o Coronavírus começou a se espalhar pelo mundo, a necessidade de acessibilidade ficou mais evidente. À medida que os confinamentos nos obrigavam a procurar tecnologia para trabalhar, estudar e manter alguma aparência de normalidade nas nossas vidas quotidianas, muitas pessoas lutavam para dar sentido a essa nova realidade digital. Além dos desafios trazidos pela própria doença, muitas pessoas também tiveram que enfrentar novas ferramentas e ambientes digitais sem preparação ou conhecimento prévio.

Como a complicada implementação dessas tecnologias em diferentes áreas demonstra, muitas das tecnologias que muitos de nós consideramos naturais apresentam desafios para outras pessoas. É claro que esses problemas eram multifacetados e não causados ​​apenas pela falta de acessibilidade da tecnologia. Mas estou convencido de que se todos seguíssemos mais de perto os princípios de acessibilidade, esses novos utilizadores não teriam tido tantos problemas.

Estou escrevendo este artigo – porque precisamos começar a resolver o problema da acessibilidade hoje. Naturalmente, este não é um problema que resolveremos da noite para o dia, pois tem muitas implicações. Mas temos que começar em algum momento, certo. É por isso que decidi compartilhar algumas dicas essenciais de acessibilidade para você, focando na parte da tecnologia digital com a qual os usuários interagem: a interface do usuário.

Algumas destas coisas podem parecer básicas, mas são a base da acessibilidade em Design de interface do usuário, por isso é sempre importante lembrá-los. Mas antes de mergulhar nessas cinco maneiras simples de tornar a UI mais acessível, vamos revisitar o que significa acessibilidade quando aplicada às interfaces de usuário.

O que é acessibilidade da IU?

Em termos mais simples, trabalhar a acessibilidade de qualquer produto (digital ou não) implica melhorar a sua usabilidade para garantir que qualquer pessoa possa utilizá-lo com conforto e sem maiores complicações. Ou seja, concentra-se em TODOS os usuários e visa proporcionar a mesma experiência de usuário para todos.

Isso significa muitas coisas, pois tornar algo acessível fará com que você pense em como tornar sua interface de usuário mais compreensível, intuitiva e descomplicada. Esse processo exigirá que você pense em usuários com baixa visão, cegueira, deficiência auditiva, cognitiva ou motora, aqueles com deficiências situacionais e baixo ou nenhum conhecimento tecnológico.

A acessibilidade da IU é algo complicado que exige que você pense fora da caixa para considerar todos os tipos de usuários. Para que essa jornada seja bem-sucedida, você deve se lembrar dos três princípios principais da acessibilidade da IU:

1. Claro: as interfaces devem ter layouts claros com botões, menus e frases de chamariz distintos.
2. Robusto: um produto acessível visa atender a maior variedade possível de usuários, independentemente de suas condições particulares.
3. Específico: a interface deve aproveitar ao máximo os recursos de acessibilidade disponíveis (ou seja, em um sistema operacional móvel).

Com tudo isso em mente, é hora de ver essas sugestões para melhorar a acessibilidade da sua UI.

Aproveite a cor e o contraste

A cor e o contraste estão no centro do design do software, por isso é o melhor lugar para começar a pensar na acessibilidade da UI. Combinando os dois, você pode tornar sua interface facilmente perceptível, mesmo para pessoas com daltonismo ou deficiência visual. Na verdade, utilizar a cor e o contraste da maneira correta sugere a forma adequada como o usuário deve abordar o produto, destacando determinados elementos e até apontando uma direção proposta para a navegação.

Para conseguir esse efeito, você deve usar cores bem contrastantes e permitir muitos espaços em branco para enfatizar os contrastes resultantes. Você pode usar os contrastes de cores mais dramáticos para destacar seus elementos mais importantes (botões com seu CTA principal ou itens de menu que fornecem acesso ao suporte).

Além disso, lembre-se de que o contraste não se trata apenas de cor. Você pode usar formas, tamanhos e até fontes contrastantes para obter o mesmo efeito.

Preste atenção à hierarquia visual

É altamente provável que, se você colocar ênfase suficiente no contraste e na cor, acabe com uma interface de usuário equilibrada com uma hierarquia visual clara. Isso significa que os elementos possuem uma relação orgânica entre si, onde o mais importante entre eles se destaca à primeira vista enquanto os elementos secundários completam um mapa narrativo coerente.

Esse mapa narrativo é a chave aqui, pois você usa o posicionamento dos diferentes elementos para gerar um significado específico em sua IU (ou seja, você tenta transmitir como deseja que os usuários percebam e usem a interface). Algumas coisas que você pode fazer para conseguir uma melhor hierarquia visual é evitar a superlotação das diferentes telas. Defina os elementos absolutamente essenciais para cada um e construa em torno deles, mas tente sempre ser o mais económico possível.

Além disso, lembre-se de que mesmo com o melhor layout que você puder criar, haverá pessoas com deficiência visual que precisarão de ajuda para interagir melhor com seu produto. Torne seu conteúdo escalonável e use uma fonte fácil de ler para garantir que eles também possam usar seu aplicativo, site ou o que quer que você esteja projetando.

Use elementos interativos com sabedoria

Lembra-se daqueles primeiros dias da Internet, quando os desenvolvedores da Web acumulavam tantos elementos interativos quanto possível só porque era divertido? Sim, bem, isso é exatamente o oposto de uma IU acessível. Usar muitos recursos interativos apenas por uma questão de elegância pode fornecer uma aparência agradável ao seu produto, mas pode prejudicar sua acessibilidade e dificultar o envolvimento das pessoas.

Naturalmente, você precisará de elementos interativos para criar experiências de usuário mais ricas – mas precisa manter seu uso sob controle. Então, como você pode definir se vale a pena incluir um elemento interativo? Pense em como isso é útil para o usuário final. Um pequeno pop-up apontando para um chatbot pode ser ótimo para pessoas menos experientes em tecnologia saberem onde procurar ajuda, mas exagerar também pode confundi-las.

Assim, os elementos interativos precisam ser relevantes e oportunos, pois precisam estar presentes para melhorar a experiência do usuário e proporcionar maior acessibilidade. Claro, a melhor maneira de descobrir se está fazendo um bom trabalho com elementos interativos é testar seu produto e obter feedback específico sobre eles – especialmente de usuários em potencial que possam ter alguns problemas de acessibilidade em primeiro lugar.

Permitir que os usuários redimensionem suas telas

Já mencionei um pouco sobre isso na seção de hierarquia visual, mas isso é muito importante, então estou explicando um pouco mais. As pessoas podem usar seu produto (um aplicativo ou site) em telas de tamanhos diferentes (e até mesmo em orientações diferentes). É por isso que você deve capacitar seu produto com adaptabilidade.

O design responsivo é o exemplo máximo de adaptabilidade, então você deve tê-lo em mente ao desenvolver um produto. Isso não significa, porém, que você deva terminar aí. Você pode fornecer aos usuários a possibilidade de reorganizar a IU para melhor atender às suas necessidades. Esse é o objetivo subjacente de certos usuários modernos (como o Mozilla Firefox), que permite reorganizar seus botões e comandos.

Claro, você também precisará conscientizar seus usuários sobre suas opções de adaptabilidade. Isso significa duas coisas. Primeiro, certifique-se de apresentar esses recursos aos usuários assim que eles começarem a usar seu produto. E então, não enterre as opções de acessibilidade em um submenu – você está buscando uma UI acessível, então tudo que pode torná-la mais acessível para os usuários deve estar ao seu alcance.

Teste, ajuste e teste novamente

Mesmo a lista mais abrangente de dicas para acessibilidade da IU não consegue cobrir todas as possibilidades de acessibilidade que você pode encontrar em qualquer público. A única maneira de ter certeza de que seu produto está acessível para seus usuários é testá-lo com a ajuda de pessoas reais e ajustá-lo de acordo com seus comentários.

Isso fornecerá a você uma melhor compreensão de como as pessoas veem sua IU e como elas se envolvem com ela. A coleta de dados desses testes pode ajudá-lo a investigar os diferentes pontos de vista do seu público e informar melhor o design da sua IU para torná-la ainda mais acessível.

Os testes são uma parte inerente do processo de design e você definitivamente deve realizá-los. Mesmo que você sinta que sua IU é infalível, você ainda deve realizar alguns testes de uso real. Você nunca sabe o tipo de insight que obterá quando seu produto chegar ao seu público, por isso é melhor resolver qualquer problema potencial por meio de um grupo de testes controlado do que ter que remendá-lo depois de chegar ao mercado.

É hora de começar a se preocupar com a acessibilidade da IU

Como você certamente notou, essas são dicas básicas que podem ajudá-lo a começar no tópico de acessibilidade da IU. Lembre-se, porém, de que essas não são de forma alguma as únicas coisas a se ter em mente ao projetar para acessibilidade. Existem outras opções que você deve explorar, especialmente aquelas relacionadas a plataformas, dispositivos e (o mais importante) públicos-alvo específicos.

E se você ainda estiver em dúvida sobre a importância da acessibilidade, recomendo que você volte àquele post de março e leia os motivos pelos quais você deveria se preocupar. Com sorte, você acabará entendendo como isso pode beneficiar a todos: você, sua empresa, seu público-alvo e a sociedade como um todo.