O que é Web Design Inclusivo?

A usabilidade do site é um termo amplo que descreve a facilidade de usar e interagir com um site. Uma coisa importante a ser lembrada ao projetar um site para ser utilizável, no entanto, é que nem todos se envolvem com um site da mesma maneira ou sob as mesmas circunstâncias.

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

As diretrizes fornecidas pelo World Wide Web Consortium, bem como pelos governos locais, ajudaram os designers a preencher as lacunas quando se trata de usabilidade e acessibilidade. No entanto, isso não torna necessariamente um site totalmente inclusivo.

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

Aprenda a projetar para acessibilidade na Web

O que é Design Inclusivo?

O web design inclusivo remove preconceitos e suposições de um site para que os usuários não se sintam excluídos devido a uma deficiência, dados demográficos ou outras circunstâncias temporárias ou permanentes.

Tanto o web design acessível quanto o design UX são componentes críticos de um site inclusivo. O design acessível é o processo de remoção das barreiras à entrada de pessoas com deficiência e outras deficiências. O design UX é uma abordagem de design orientada por dados que testa e valida como os usuários reais se envolvem com um site.

Por causa disso, há muito a considerar no design inclusivo, pois não é estritamente a deficiência do usuário que pode impedi-lo de usar ou ficar satisfeito com um site. Web designers também podem ter problemas ao criar experiências para um conjunto exclusivo de usuários.

Como tal, os web designers 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 totalmente com o produto
• Restrições técnicas, como hardware, conectividade com a Internet e conhecimentos de informática
• Barreiras linguísticas e geográficas
• Diferenças demográficas como idade, raça e sexo
• Diferenças socioeconômicas

Conclusão: o design inclusivo se traduz em design universal.

Os web designers têm uma variedade de ferramentas à sua disposição para abordar o aspecto de acessibilidade do design inclusivo. Por exemplo, ferramentas de acessibilidade do WordPress, verificadores de acessibilidade da Web, diretrizes WAI-ARIA e muito mais podem facilitar o design e a implementação acessíveis.

Com o design inclusivo, no entanto, requer uma maior compreensão das limitações que os usuários podem enfrentar na web. Não há uma ferramenta que faça a varredura do seu site e confirme que você criou a experiência mais diversificada e equitativa possível. É algo que você terá que aprender a implementar e verificar por conta própria.

Por que o web design inclusivo é importante

Há uma série de razões pelas quais os web designers precisam tornar acessibilidade e inclusão parte de cada site que eles constroem. Vejamos primeiro como um site não inclusivo prejudica a todos:

O lado negativo da não inclusão

Em 2021, o WebAIM publicou os resultados de sua pesquisa de usuário de leitor de tela nº 9. 7,7% dos entrevistados da pesquisa disseram que precisam usar um leitor de tela quando estão online.

Quando perguntados como se sentiam sobre o estado da acessibilidade da Internet hoje, apenas 39,3% disseram que era mais acessível do que em anos anteriores. 42,3% sentiram que nada mudou enquanto 18,5% disseram que estava pior.

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

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

De acordo com a American Bar Association, havia 8.000 processos judiciais do Título III da Lei dos Americanos com Deficiências arquivados em tribunais federais entre 2017 e 2020. Esse número saltou 14,3% para 2.352 processos apenas em 2021, de acordo com Accessibility.com.

Há outros que podem se sentir excluídos de um site, mas não têm recurso legal. Por exemplo, o World Data Lab diz que existem 1,1 bilhão de pessoas com pouca internet. Em alguns casos, isso significa que eles não podem pagar planos de dados móveis. Em outros casos, eles podem, mas não obtêm dados suficientes para usar, portanto, não podem gastar tempo em sites com muitos recursos.

Há também a população idosa a considerar. O Pew Research Center descobriu que o número de idosos que usam a Internet tem crescido nos últimos anos. Dito isso, o TechCrunch relata que cerca de 50% dos adultos mais velhos precisam de alguém para ajudá-los a configurar e usar novas tecnologias digitais. Além disso, 40% dos idosos são analfabetos digitais na cidade de São Francisco – bem ao lado do Vale do Silício, de todos os lugares.

Mesmo que seu site não esteja sujeito a ações judiciais, considere o que a perda de 20% ou mais de seus visitantes devido a um design não inclusivo fará com a viabilidade de longo prazo de uma marca. Esse é um grande segmento do público que desaparecerá simplesmente porque o site não é acolhedor ou não é utilizável.

O lado bom da inclusão

Quando você projeta um site para ser inclusivo, você o projeta para que todos que queiram se envolver totalmente com ele e não se sintam excluídos. Todos ganham quando a Internet se torna um lugar inclusivo:

Web design inclusivo leva a um melhor design de produto.

De sites a aplicativos móveis e tudo mais, o design inclusivo força os designers a voltar ao básico do design bom, utilizável e empático.

As marcas atingem 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 fiel de usuários que valorizam a inclusão e a equidade.

Os usuários se sentem melhor interagindo com sites inclusivos.

As pessoas passam tanto tempo na frente de telas que problemas como síndrome do túnel do carpo, síndrome da visão do computador e transtorno do vício em internet são muito comuns nos dias de hoje. O design inclusivo e ético pode ajudar os usuários a se sentirem melhor em suas mentes e corpos.

O web design inclusivo ajuda os sites a se classificarem melhor nos resultados de pesquisa.

O 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 uma delas.

Como criar Personas de Web Design Inclusivos

Muitas vezes, os designers criam personagens fictícios no início dos projetos do site. Isso os ajuda a visualizar e se relacionar com o usuário final para o qual estão construindo o site. Também os ajuda a entender como esse usuário específico se envolveria com o site.

Quando você inclui inclusão em seu processo de web design, suas descrições de persona de usuário precisarão se ajustar um pouco. Personas de usuário típicos dividem o seguinte:

• Nome
• Dados demográficos (por exemplo, idade, sexo, ocupação, etc.)
• Personalidade
• Voz
• Metas
• Motivações
• Frustrações
• Medos

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

Habilidade: Este é o componente de acessibilidade da inclusão. Você terá que antecipar como alguns de seus usuários podem ser restritos em termos de como eles usam e se envolvem com o site – física e cognitivamente.

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

Atitude: Refere-se a usuários que podem perceber sites como ambientes inseguros. Se eles estão muito preocupados com sua privacidade ou nervosos em encontrar malware, esses tipos de medos devem ser abordados com recursos de segurança e privacidade reconhecíveis e confiáveis.

Acesso: Os usuários não precisam ser pobres em internet para ter 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 podem ficar online, significa apenas que eles precisam encontrar outras maneiras de obtê-lo – como ir a uma biblioteca ou cibercafé. Assim, conectividade, hardware, software e até mesmo a localização podem afetar o acesso.

Localização: nunca é seguro supor 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 sobre o 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 tamanho único em web design. Isso não significa que você precisa criar sites ou páginas de destino diferentes para usuários diferentes. No entanto, isso significa adicionar recursos extras à interface do usuário quando você acredita que eles ajudarão a diminuir a lacuna 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, os 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 de web design e com razão. Não é apenas porque cria interfaces visualmente mais agradáveis, é porque o minimalismo e a simplicidade abrem caminho para um design mais intuitivo.

A melhor maneira de abordar isso é tratar um site como um produto mínimo viável (MVP). Crie os principais recursos que o tornam um produto útil e valioso. Em seguida, adicione elementos extras apenas onde forem necessários e agregue valor à experiência de todos.

3. Consistência

Consistência não significa que um site tenha que se tornar previsível ou chato. Você ainda pode ser criativo mantendo a consistência.

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

4. Percepção

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

Ao reunir o conteúdo de um site, certifique-se de que haja uma combinação saudável dele. Se houver apenas um tipo de conteúdo (como todo o texto e nenhuma imagem), alguns de seus visitantes provavelmente estarão em desvantagem quando se trata de compreensão ou facilidade de uso.

5. Patrimônio líquido

Equidade em web design refere-se a resultados equitativos. Em outras palavras, independentemente de quem seja o visitante, todo visitante deve ser capaz de concluir tarefas com facilidade.

É aqui que o processo de design de UX é ú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 atritos para todos.

Por exemplo, considere um componente de interface do usuário como um controle deslizante de imagem. A maneira inclusiva de projetá-lo seria desabilitar o recurso de slide automático. Em seguida, inclua os recursos de deslizar e clicar para que todos os usuários possam controlar o controle deslizante e seu ritmo.

6. Prevenção

O design inclusivo irá mitigar o erro humano. Isso significa projetar uma interface do usuário para evitar o maior número possível de erros e, ao mesmo tempo, fornecer 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 criar confiança com os visitantes.

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

As mensagens de erro em formulários de contato são outro bom exemplo. Ao exibir mensagens de erro inline em cores e tamanhos 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 muito tarde no processo.

7. Hospedagem

Uma das razões pelas quais os sites estão sujeitos a processos de acessibilidade da mesma forma que as empresas físicas é 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 certo conforto aos visitantes.

Conforto pode significar muitas coisas para muitas pessoas – amplo espaço, layouts previsíveis, etc. O design inclusivo também pede aos designers que considerem o quão confortável seus usuários ficarã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 que os usuários viram várias vezes. O mesmo pode ser dito para usar uma cópia direta em vez de uma cópia cheia de jargões que apenas um segmento do público entenderia.

Conclusão

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

Essa abordagem de web design requer uma compreensão sólida dos desafios que diferentes pessoas enfrentam ao se envolver com sites, que vão além de deficiências ou deficiências.

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