O Que É Design Web Inclusivo?

A usabilidade de um website é um termo amplo que descreve a facilidade de uso e interação com um website. Um aspecto importante a ser lembrado ao projetar um website para ser utilizável, no entanto, é que nem todos interagem com um website da mesma maneira ou nas mesmas circunstâncias.

Se você projetar um website para o usuário “médio” ou “ideal”, você poderia realisticamente acabar criando uma interface desagradável, difícil ou impossível de usar para outros.

As diretrizes fornecidas pelo World Wide Web Consortium, bem como pelos governos locais, têm auxiliado os designers a preencher as lacunas no que diz respeito à usabilidade e acessibilidade. No entanto, isso não necessariamente torna um website completamente inclusivo.

Na seguinte publicação, examinaremos o que significa design inclusivo, seu valor no design web, bem como o que você precisa considerar ao projetar interfaces e interações inclusivas.

Aprenda Como Projetar para Acessibilidade Web

O Que É Design Inclusivo?

O design web inclusivo remove vieses e pressupostos de um website para que os usuários não se sintam excluídos devido a uma deficiência, características demográficas ou outras circunstâncias temporárias ou permanentes.

Tanto o design web acessível quanto o design UX são componentes críticos de um website inclusivo. O design acessível é o processo de remover as barreiras de entrada para pessoas com deficiências e outras limitações. O design UX é uma abordagem de design baseada em dados que testa e valida como os usuários reais interagem com um website.

Devido a isso, há muito a considerar no design inclusivo, pois não é estritamente a deficiência de um usuário que pode impedi-lo de utilizar plenamente ou ficar satisfeito com um website. Os designers web também podem encontrar problemas ao criar experiências para um conjunto exclusivo de usuários.

Sendo assim, os designers web precisam considerar os seguintes fatores:

• Deficiências físicas relacionadas à visão, audição ou destreza
• Deficiências mentais que afetam a cognição ou a fala
• Limitações situacionais que impedem o usuário de se envolver plenamente com o produto
• Restrições técnicas como hardware, conectividade à internet e alfabetização digital
• Barreiras linguísticas e geográficas
• Diferenças demográficas como idade, raça e gênero
• Diferenças socioeconômicas

Em resumo: O design inclusivo, em última análise, se traduz em design universal.

Os designers web dispõem de uma variedade de ferramentas para abordar o aspecto de acessibilidade do design inclusivo. Por exemplo, ferramentas de acessibilidade do WordPress, verificadores de acessibilidade web, diretrizes WAI-ARIA e outros recursos podem facilitar o design e a implementação acessíveis.

No entanto, o design inclusivo requer uma compreensão mais profunda das limitações que os usuários podem enfrentar na web. Não existe uma ferramenta que possa escanear seu website e confirmar que você criou a experiência mais diversa e equitativa possível. É algo que você terá que aprender a implementar e verificar por conta própria.

Por que o Design Web Inclusivo é Importante

Existem diversas razões pelas quais os designers web precisam fazer da acessibilidade e da inclusividade parte integrante de cada website que constroem. Vamos examinar primeiramente como um website não inclusivo prejudica a todos:

As Desvantagens da Não-Inclusividade

Em 2021, o WebAIM publicou os resultados de sua Pesquisa com Usuários de Leitores de Tela nº 9. 7,7% dos participantes da pesquisa afirmaram que precisam utilizar um leitor de tela quando estão online.

Quando indagados sobre o estado atual da acessibilidade na Internet, apenas 39,3% disseram que ela estava mais acessível do que em anos anteriores. 42,3% sentiram que nada havia mudado, enquanto 18,5% disseram que estava pior.

De acordo com Mike Gifford da CivicActions, pode ser mais do que 7,7% da população que experimenta inacessibilidade e compartilha esses sentimentos:

“A combinação de deficiências e métodos pelos quais as pessoas superam barreiras é extremamente diversa. Eticamente, construir para nossos usuários menos favorecidos deve receber a mais alta prioridade. Infelizmente, com nossa constante busca pelo novo e chamativo, estamos regularmente excluindo 10-20% de nossos concidadãos.”

De acordo com a Ordem dos Advogados Americana, foram registrados 8.000 processos do Título III da Lei dos Americanos com Deficiências nos tribunais federais entre 2017 e 2020. Esse número saltou 14,3% para 2.352 processos apenas em 2021, segundo a Accessibility.com.

Há outros que podem se sentir excluídos de um website, mas não têm recurso legal. Por exemplo, o World Data Lab afirma que existem 1,1 bilhão de pessoas em situação de pobreza de internet. Em alguns casos, isso significa que elas não podem arcar com planos de dados móveis. Em outros casos, elas podem, mas não obtêm dados suficientes para usar, então não podem se dar ao luxo de gastar tempo em websites que consomem muitos recursos.

Há também a população idosa a ser considerada. O Pew Research Center constatou que o número de idosos utilizando a Internet cresceu nos últimos anos. Dito isto, a TechCrunch relata que aproximadamente 50% dos adultos mais velhos necessitam de ajuda de alguém para configurar e utilizar novas tecnologias digitais. Além disso, 40% dos idosos são digitalmente analfabetos na cidade de São Francisco — justamente ao lado do Vale do Silício, de todos os lugares.

Mesmo que seu website não seja alvo de processos judiciais, considere o que perder 20% ou mais de seus visitantes devido a um design não inclusivo fará para a viabilidade a longo prazo de uma marca. Esse é um segmento enorme do público que desaparecerá simplesmente porque o website não é acolhedor ou utilizável.

As Vantagens da Inclusividade

Quando você projeta um website para ser inclusivo, você o projeta de modo que todos que desejam possam interagir plenamente com ele e não se sintam excluídos. Todos ganham quando a Internet se torna um lugar inclusivo:

O design web inclusivo leva a um melhor design de produto.

De websites a aplicativos móveis e tudo mais, o design inclusivo obriga os designers a retornarem aos fundamentos do bom design, usável e empático.

As marcas alcançam um público maior.

Uma marca que prioriza uma experiência universalmente positiva para todos e não apenas para o usuário ideal atrairá uma base mais leal de usuários que também valorizam a inclusividade e a equidade.

Os usuários se sentem melhor ao interagir com websites inclusivos.

As pessoas passam tanto tempo em frente às telas que problemas como síndrome do túnel do carpo, síndrome da visão do computador e transtorno de dependência da internet são muito comuns atualmente. O design inclusivo e ético pode ajudar os usuários a se sentirem melhor tanto mental quanto fisicamente.

O design web inclusivo ajuda os websites a obterem melhor classificação nos resultados de pesquisa.

A Google atualizou seu algoritmo de busca há alguns anos, nomeando quatro fatores essenciais para criar a melhor experiência na página: Desempenho (velocidade), Acessibilidade, Melhores Práticas (design e código) e SEO (por exemplo, texto alternativo). O design inclusivo contribui para cada um desses fatores.

Como Criar Personas de Design Web Inclusivo

Com frequência, os designers criarão personas fictícias no início dos projetos de websites. Isso os auxilia a visualizar e se relacionar com o usuário final para o qual estão construindo o website. Também os ajuda a compreender como aquele usuário específico interagiria com o website.

Quando você inclui a inclusividade em seu processo de design web, suas descrições de personas de usuário precisarão se ajustar de certa forma. As personas de usuário típicas decompõem o seguinte:

• Nome
• Demografia (por exemplo, idade, gênero, ocupação, etc.)
• Personalidade
• Voz
• Objetivos
• Motivações
• Frustrações
• Temores

Personas de usuário inclusivas também precisarão incluir:

Habilidade: Este é o componente de acessibilidade da inclusividade. Você terá que antecipar como alguns de seus usuários podem estar limitados em termos de como eles utilizam e interagem com o website — física e cognitivamente.

Aptidão: Se você analisar os dados sobre quantos usuários estão online, perceberá que alguns de seus usuários podem não ser digitalmente alfabetizados. Desviar-se de estruturas e layouts básicos e não fornecer contexto suficiente (como rótulos em formulários de contato) poderia se provar prejudicial às experiências desses usuários.

Atitude: Isto se refere a usuários que podem perceber websites como ambientes inseguros. Seja por estarem excessivamente preocupados com sua privacidade ou nervosos sobre encontrar malware, esses tipos de temores devem ser abordados com recursos de segurança e privacidade reconhecíveis e confiáveis.

Acesso: Os usuários não precisam ser desprovidos de internet para terem acesso limitado à web. Por exemplo, pouco mais da metade da população mundial tem acesso à Internet em casa, de acordo com a UNESCO. Isso não significa que eles não possam ficar online, apenas significa que eles têm que encontrar outras maneiras de acessá-la — como ir a uma biblioteca ou cybercafé. Portanto, conectividade, hardware, software e até mesmo localização podem todos impactar o acesso.

Localização: Nunca é seguro presumir que todos os usuários vivem no mesmo país, vêm da mesma cultura e falam o mesmo idioma que você. Como tal, essas diferenças devem ser abordadas ao criar personas de usuário inclusivas.

Os 7 Princípios do Design Inclusivo

Para que o design inclusivo funcione, os web designers devem remover as suposições, noções preconcebidas, bem como o favorecimento do usuário médio em detrimento do bem de todos os usuários. Para fazer isso com sucesso, os designers devem ser guiados pelos seguintes princípios:

1. Flexibilidade

Não existe um tamanho único que sirva para todos no design web. Isso não significa que você tenha que construir websites ou páginas de destino diferentes para usuários diferentes. No entanto, significa adicionar recursos extras à interface do usuário quando você acreditar que eles ajudarão a diminuir a disparidade entre as experiências de diferentes usuários.

Por exemplo, é uma boa ideia incluir uma transcrição de um vídeo abaixo do arquivo incorporado. Dessa forma, usuários que não podem ou não querem ouvir ou assistir ao vídeo podem ler o texto.

2. Simplicidade

O minimalismo é uma tendência duradoura no design web e com boa razão. Não é apenas porque cria interfaces mais agradáveis visualmente, é porque o minimalismo e a simplicidade abrem caminho para um design mais intuitivo.

A melhor maneira de abordar isso é tratar um website como um produto mínimo viável (MVP). Construa os recursos principais que o tornam um produto utilizável e valioso. Então, adicione elementos extras apenas onde forem necessários e tragam valor à experiência de todos.

3. Consistência

Consistência não significa que um website tenha que se tornar previsível ou entediante. Você ainda pode ser criativo enquanto mantém a consistência.

Todos se beneficiam da consistência no design. Ela remove a frustração e confusão causadas pelo mesmo elemento ou recurso apresentado de maneiras diferentes no mesmo website. Além disso, a consistência com a forma como a maioria da web lida com elementos fundamentais — como a navegação do site — pode aprimorar a usabilidade de um site e acelerar o tempo de conversão.

4. Percepção

Além de considerar como as pessoas interagem com os sites, os designers também precisam levar em conta como elas preferem interagir com os sites. Por exemplo, um site dominado por imagens pode ser muito difícil para usuários que não são aprendizes visuais assimilarem o conteúdo.

Ao reunir o conteúdo para um site, certifique-se de que haja uma mistura equilibrada dele. Se houver apenas um tipo de conteúdo (como todo texto e nenhuma imagem), é provável que alguns de seus visitantes estejam em desvantagem no que diz respeito à compreensão ou facilidade de uso.

5. Equidade

A equidade no design web refere-se a resultados equitativos. Em outras palavras, independentemente de quem seja o visitante, todos os visitantes devem ser capazes de concluir tarefas com facilidade.

É aqui que o processo de design UX se mostra útil. Obter informações em primeira mão sobre os objetivos dos usuários e o que eles precisam para completá-los ajuda os designers a criar interações e jornadas de usuário sem atrito para todos.

Por exemplo, considere um componente de UI como um carrossel de imagens. A maneira inclusiva de projetá-lo seria desativar o recurso de deslizamento automático. Em seguida, inclua capacidades de deslizar e clicar para que todos os usuários possam controlar o carrossel e seu ritmo.

6. Prevenção

O design inclusivo mitigará o erro humano. Isso significa projetar uma UI para prevenir o maior número possível de erros, ao mesmo tempo em que fornece uma resposta tolerante e útil aos erros que ocorrem. Ao reduzir a frustração ou vergonha associada a cometer erros, um design inclusivo faz mais para construir confiança com os visitantes.

Este princípio específico entra em jogo com mais frequência no ponto de engajamento. Por exemplo, os botões devem sempre ser projetados para que sejam grandes o suficiente para serem vistos e clicados.

Mensagens de erro em formulários de contato são outro bom exemplo. Ao exibir mensagens de erro inline em cor e tamanho que todos possam ler, você reduzirá a probabilidade de erros repetidos. Você também terá um formulário de contato que parece mais útil do que um que fornece mensagens de erro vagas ou que ocorrem tarde demais no processo.

7. Acomodação

Uma das razões pelas quais os sites estão sujeitos a processos de acessibilidade da mesma forma que os negócios físicos é porque foram considerados “locais de acomodação pública”. Além de garantir que todos possam ler, navegar e interagir com um site, o design inclusivo garante um certo nível de conforto aos visitantes.

Conforto pode significar muitas coisas para muitas pessoas — espaço amplo, layouts previsíveis, etc. O design inclusivo também pede aos designers que considerem o quão confortáveis seus usuários estarão com o conteúdo do site.

Por exemplo, usar imagens diversas que reflitam o público-alvo criará um ambiente mais acolhedor do que imagens genéricas de banco de imagens que os usuários já viram repetidas vezes. O mesmo pode ser dito sobre o uso de um texto direto em vez de um texto cheio de jargões que apenas um segmento do público entenderia.

Conclusão

O design web inclusivo é um termo abrangente que inclui disciplinas como design UX, design acessível e design responsivo. No entanto, o design inclusivo vai um passo além para garantir que o resultado final seja um site universalmente utilizável e bem recebido.

Esta abordagem de design web requer uma compreensão sólida dos desafios que diferentes pessoas enfrentam ao interagir com sites, o que vai além de deficiências ou incapacidades.

A melhor maneira de integrar a inclusividade em seu processo de design web é, primeiro, garantir que você esteja trabalhando com ferramentas que ajudam a implementá-la — como os recursos de acessibilidade do WordPress e do Elementor. Em seguida, atualize seus modelos de persona do usuário com fatores inclusivos como habilidade, aptidão e acesso. Por fim, mantenha seu processo atualizado à medida que você aprende mais sobre as experiências dos usuários e os desafios comuns que eles enfrentam ao usar a web.