O lançamento da nova identidade visual da DoiT abriu a oportunidade ideal para repaginar nossa plataforma de nuvem. Veja o que o time de UX está fazendo para deixá-la mais acessível.
A nova marca da DoiT abriu a oportunidade ideal para evoluir nossa acessibilidade
A chegada da nova identidade visual da DoiT foi a oportunidade perfeita para deixar nossos diagramas mais acessíveis ao mesmo tempo em que os alinhávamos à marca renovada. Como queríamos um sistema visual marcante, descomplicado e acolhedor, fez todo o sentido adaptar a DoiT Cloud Intelligence™ para refletir essa nova cara e elevar o patamar de acessibilidade.
O papel da acessibilidade
Acessibilidade no design tem a ver com tornar um produto mais inclusivo, para que todo mundo consiga usá-lo. Embora o foco esteja em ajudar pessoas com deficiência, ela beneficia todos os usuários. Um exemplo prático é a rampa na entrada de um prédio: ela permite o acesso de quem usa cadeira de rodas, mas também facilita a vida de quem leva um carrinho de bebê ou empurra uma bicicleta para dentro.
No mundo digital, as legendas em vídeos foram pensadas para pessoas com dificuldades auditivas, mas também ajudam quem precisa assistir sem som em um ambiente cheio e barulhento, por exemplo.
No mundo físico, recursos de acessibilidade são exigidos por lei.
Acessibilidade na web
Se acessibilidade descreve o quanto um ambiente é utilizável pelo maior número possível de pessoas, acessibilidade na web descreve o quanto um site é utilizável pelo maior número possível de pessoas. Levar isso a sério significa trabalhar para garantir que sua tecnologia online esteja disponível para qualquer um que queira usá-la, independentemente de suas habilidades ou do ambiente em que está.
No universo dos produtos digitais, um conjunto de recomendações chamado Web Content Accessibility Guidelines (WCAG) vem sendo gradualmente adotado. Em 2017, a União Europeia passou a exigir que sites e aplicativos móveis de órgãos do setor público estivessem em conformidade com o WCAG 2.1 Nível AA.
O WCAG apresenta quatro princípios de acessibilidade que o conteúdo precisa cumprir para ser considerado acessível:
- Perceptível: os usuários precisam conseguir perceber as informações e os componentes da interface (UI) — ou seja, a informação não pode estar oculta a todos os sentidos do usuário.
- Operável: o usuário precisa conseguir executar as interações necessárias para operar os componentes da UI e a navegação.
- Compreensível: o conteúdo e o funcionamento da UI precisam estar dentro da capacidade de entendimento do usuário.
- Robusto: deve ser possível interpretar o conteúdo de forma confiável usando uma ampla gama de agentes de usuário, incluindo tecnologias assistivas.
Tornar seu site ou app acessível não é só a coisa certa a se fazer — também pode ter impacto significativo no seu resultado. Segundo a Organização Mundial da Saúde, cerca de 15% da população mundial vive hoje com alguma deficiência. São mais de um bilhão de pessoas, muitas delas potenciais usuárias de tecnologia web que acabam excluídas por aplicações e sites inacessíveis.
Quando olhamos para além das deficiências permanentes e consideramos as temporárias ou situacionais — que podem afetar alguém por um tempo limitado ou em determinadas situações —, a necessidade de produtos web acessíveis fica ainda mais clara. Um paciente em recuperação de uma cirurgia ocular, por exemplo, tem uma deficiência temporária que pode levá-lo a usar um leitor de tela por algumas semanas. Já quem perdeu os óculos vive uma deficiência situacional, o que também pode mudar a forma como navega em um site por um período.
Uma paleta de cores acessível
A deficiência na visão de cores afeta 8% dos homens e 0,5% das mulheres. Investir em acessibilidade não atende apenas a quem tem deficiência visual: também beneficia usuários com deficiência visual situacional — ou seja, pessoas que podem estar usando nosso serviço em condições ruins de iluminação. E iluminação ruim dificulta enxergar diferenças entre cores.
Pessoas com daltonismo têm dificuldade para distinguir algumas cores do arco-íris, por isso usamos o esquema de cores divergente de Tol como ponto de partida para o novo design. Esse esquema é construído escalonando as coordenadas de cor — do azul ao amarelo e ao vermelho, por exemplo — e é color-blind safe.
Esquema de cores divergente Sunset, de Tol
Adotamos o esquema de cores de Tol para deixá-lo mais alinhado à nossa marca, garantindo que a nova paleta seja color-blind safe.
Depois do redesign, o esquema de cores ficou mais acessível e alinhado à nova direção da marca.
Dark mode
Antes do rebranding, o dark mode da plataforma costumava ficar em segundo plano, e a maior parte da nossa atenção ia para o modo claro. Um tema escuro pode reduzir a luminância emitida pela tela e diminuir o cansaço visual dos usuários. Uma pesquisa interna mostrou que dois terços dos Doers usam o CMP (hoje parte do DoiT Cloud Intelligence) em dark mode, então aproveitamos a deixa para dar atenção especial a ele.
Para texto branco, um fundo cinza-escuro cria menos contraste do que o preto, o que reduz o cansaço visual. Também usamos cores mais claras e dessaturadas nos diagramas e botões, melhorando a legibilidade e diminuindo as vibrações ópticas.
A paleta do nosso dark mode é mais clara e menos saturada para melhorar a visibilidade
E agora, para onde vamos?
Na DoiT, seguimos trabalhando para que nossos produtos sejam acessíveis ao maior número possível de pessoas. Para nós, é uma forma de facilitar a vida de clientes, parceiros e de quem trabalha com a gente.
O próximo passo é tornar a documentação mais acessível de dentro da própria plataforma. Isso inclui poder ler a ajuda contextual enquanto se executam ações no produto. Também queremos garantir que a plataforma seja totalmente navegável pelo teclado. Usuários com certas deficiências navegam na internet pelo teclado em vez do mouse, e os usuários avançados também preferem a navegação por teclado, por uma questão de eficiência.
Tornar sites e outras tecnologias online acessíveis e em conformidade com o WCAG pode ainda não ser uma exigência legal, mas garante uma experiência de usuário positiva e ajuda você a atrair e fidelizar clientes.