Cloud Intelligence™Cloud Intelligence™

Cloud Intelligence™

Princípios de design em um mundo digital distribuído

By Aleksandra WalczakJan 24, 20234 min read

Esta página também está disponível em English, Deutsch, Español, Français, Italiano e 日本語.

Um site acessível é mais fácil de navegar e fortalece a fidelidade do cliente. Falamos sobre princípios de web design que ajudam a garantir a melhor experiência possível para visitantes com e sem deficiência.

cloud-design-principles-doit

Otimizar a acessibilidade do seu site torna a experiência positiva para todo mundo

A acessibilidade é fundamental para qualquer site ou interface digital, pois garante que todo mundo consiga usar e acessar o conteúdo, independentemente de qualquer deficiência. Entre os melhores recursos para garantir a acessibilidade na web estão as Diretrizes de Acessibilidade para Conteúdo Web (WCAG) e o Accessibility Checklist.

Acessibilidade pelo teclado

Um aspecto importante da acessibilidade é a navegação pelo teclado. Isso significa que dá para acessar todas as interações do site usando apenas o teclado, sem precisar do mouse. É algo essencial para quem não consegue usar o mouse, como pessoas com limitações de mobilidade ou que dependem de leitores de tela. A acessibilidade pelo teclado também ajuda usuários avançados, que costumam navegar mais rápido pelo teclado do que pelo mouse.

Multimídia acessível

Outro ponto da acessibilidade é garantir que todo o conteúdo multimídia esteja ao alcance de qualquer pessoa. Isso inclui oferecer legendas para vídeos e audiodescrição para arquivos de áudio. Assim, pessoas surdas ou com deficiência auditiva conseguem entender e aproveitar o conteúdo. As legendas também ajudam quem está em ambientes barulhentos ou não entende o idioma falado, e ainda podem ser traduzidas facilmente para vários idiomas.

Contraste de cores

O uso das cores também é decisivo quando o assunto é acessibilidade. O texto do site precisa ter contraste suficiente em relação ao fundo para ficar legível tanto para pessoas com deficiência visual quanto sob luz solar direta. Você pode usar este verificador de contraste de cores para conferir se o seu texto tem contraste o bastante em relação ao fundo. Também criei este plugin para verificar o contraste e ajustar as cores direto no Figma.

Linguagem acessível

Uma linguagem acessível ajuda todo mundo a entender um site, independentemente do contexto socioeconômico. Vale usar uma linguagem simples e clara, fácil de compreender. Isso é especialmente importante em sites governamentais, onde as informações costumam ser complexas e pouco familiares para muita gente. Um ótimo exemplo é o gov.uk, que faz um excelente trabalho ao explicar processos complexos de visto de forma clara e concisa. Para deixar a linguagem mais clara, você pode usar o Hemingway App.

Princípios de design

Na hora de criar novos produtos, vale considerar alguns princípios de design. Primeiro, garanta que seu produto atende às necessidades do público-alvo. Pesquisa e testes com usuários ajudam a confirmar se a interface conversa com o seu público e é fácil de entender.

Segundo a Lei de Jakob, as pessoas passam a maior parte do tempo em outros sites, não no seu. Elas esperam que o seu site funcione da mesma forma que os demais, então usar padrões familiares facilita a navegação. Um exemplo clássico é o ícone de disquete usado para salvar conteúdo. Trocar por um ícone diferente pode virar um obstáculo, já que os usuários terão de aprender o que ele significa.

Além de adotar padrões de design já consolidados, buscar consistência no design do produto é essencial. Consistência quer dizer manter linguagem, layout e elementos de design coerentes em toda a plataforma. Isso ajuda os usuários a entender como usar e navegar pelo produto com mais facilidade.

Dar feedback aos usuários também é importante. Pode ser na forma de mensagens ou notificações que avisem sobre o sucesso ou a falha de uma ação, ou que informem o que está acontecendo no produto. Isso ajuda a entender o estado do sistema e o que está rolando, o que melhora a experiência geral com o produto.

Outro princípio para ter em mente é que menos é mais. Por mais tentador que seja incluir o máximo de funcionalidades possível, isso pode sobrecarregar quem está usando. O princípio do trade-off entre flexibilidade e usabilidade diz que, à medida que um sistema fica mais flexível, sua usabilidade cai, tornando-o mais complexo e difícil de usar. É fundamental ponderar esse trade-off ao projetar e encontrar o equilíbrio certo entre os dois.

Design acessível para todos

Um site acessível é mais fácil e agradável de navegar, o que aumenta as chances de os usuários voltarem e se tornarem clientes fiéis. Aplicar todo o empenho possível para aprimorar a acessibilidade do seu site, incorporando os princípios de design que discutimos, garante a melhor experiência para visitantes com e sem deficiência.

Ferramentas mencionadas no artigo

Web Content Accessibility Guidelines

Accessibility checklist

Verificador de contraste de cores

Plugin de contraste de cores para Figma

Hemingway App