Necesidade de melhorias referentes à acessibilidade.
Responsabilidades
-
Desk Research, Analise de concorrência, análise de dados gerados por WA;
-
Documentação de resultados;
-
Prototipagem;
-
Hands Off para QA (Quality Assurance) e Desenvolvedores;
-
Análise de resultados e definição de próximos passos.
Contexto
Teste A/B realizado em Época, com início em Outubro e encerramento em novembro de 2022, contando todas as etapas realizadas por todos os times.
-
Tráfegor segmentado.
-
Duração limitada a poucos dias
Time
Lucas Mauric (UX/UI)
Larissa Ribeiro (UX/UI)
Ana Bazzos (PO)
Danilo Rolin (DEV)
Stephanie Campell (QA)
Marco Felici (WA)
Marckson Lacerda (Tech Lead)
Eduardo Marconi (Diretor)
Oportunidade | Hipótese
Em 2022 o nosso cliente Época cosméticos foi notificada pelo governo do Ceará quanto a necessidade de melhorias referentes à acessibilidade. No entanto não nos foi dado onde exatamente estavam os problemas.
Sabendo que o contraste atual dos botões CTA’s na PDP não são acessíveis e prejudicam a navegação principalmente de pessoas com deficiências de visão;
Apresentando uma nova proposta visual a partir das diretrizes de acessibilidade para este botão;
Com essas alterações, esperávamos que todos os usuários compreendam este “Call To Action”, facilitando a navegação, mantendo a conversão e receita.
Metodologias usadas para descobrir a oportunidade:
Muito se fala sobre acessibilidade, mas pouco se discute a forma de abordar essas questões. Isso se revelou como um desafio no processo de descoberta desse projeto.
Ao conduzirmos a pesquisa para esse teste, foi crucial dedicarmos um tempo ao estudo da acessibilidade. Buscamos artigos e relatos de usuários com deficiência visual para dar os primeiros passos nessa direção.
Com base na análise dos dados obtidos, identificamos problemas e oportunidades, assim propondo a realização de testes A/B para melhorar a experiência no site como um todo, melhorando assim a acessibilidade referente ao uso das cores.
Através de artigos sobre acessibilidade e testes de acessibilidade em sites, descobrimos informações preocupantes:
-
A maioria dos sites brasileiros não alcança níveis adequados de acessibilidade para pessoas com deficiência visual.
-
O contraste das cores estava inadequado, como tínhamos imaginado inicialmente.
-
O tamanho da fonte em determinadas áreas não atendia aos níveis mínimos.
-
O espaçamento também não estava adequado em certas partes do site.
-
A maioria dos sites não considera leitores de tela para pessoas com deficiência.
-
Algumas regiões importantes tinham áreas de toque muito pequenas, dificultando a usabilidade.
Estratégia utilizada para testar nossa hipótese
Após à pesquisa, conseguimos ideias para tornar a linguagem visual do site mais acessível, mantendo a essência da marca. Para isso, criamos um protótipo em alta fidelidade e conduzimos um teste A/B.
O teste A/B compreende uma amostra do fluxo do site, onde metade dos usuários acessa a versão atual da página (grupo de controle), enquanto a outra metade visualiza a versão que testa a hipótese (normalmente o nosso prototipo em alta).
O que queríamos com esse teste?
O objetivo primário deste experimento seria a validação de uma proposta que otimize a experiência para mitigar os riscos referentes à multa prevista pelo governo.
No entanto, foi sugerido um teste A/B justamente não só para evitar a multa, mas também para provar que uma usabilidade com melhor acessibilidade poderia realmente melhorar os números referentes à conversão e receita.
Infelizmente, para este teste, não foi possível realizar todas as alterações desejadas pela equipe de Design devido a restrições de tempo. No entanto, conseguimos criar um protótipo que atendeu às nossas expectativas.
Resultado
A direita temos a solução encontrada e nela temos as seguintes alterações:
-
Alteração da cor do botão para #ab0a6b, um rosa mais escuro para ajudar no constraste.
-
Aumento em: Espaçamento dos parágrafos, altura daas linhas, espaçamento de letras, espaçamento de palavras.
-
Houve também um aumento consideravel na área de toque dos botões.
Com base nos resultados do experimento, conclui-se que o uso de novas cores e novos tamanhos para ajudar na acessibilidade foi bem-sucedida, apresentando melhores resultados para a taxa de conversão e receita. Isso foi observado tanto ao analisar os cenários entre Novos Usuários e Retornantes, onde os resultados também foram positivos.
Com este teste A/B conseguimos concluir que a nova proposta impacta na navegação dos usuários, mesmo aqueles que não necessariamente precisa da acessibilidade.
Foi possivel notar também um aumento na tomada de decisão, a hipotese para isso está justamente entrelaçada principalmente ao melhor contraste nos botões e maior área de toque.
Outro ponto relevante foi no aumento significativo da adição ao carrinho, todas as origens triveram um aumento, tanto em mídia Paga quanto em orgânica.
Em resumo, os resultados do experimento demonstram que otimizar a acessibilidade foi uma estratégia bem-sucedida, trazendo melhorias nas métricas de conversão e interação. As mudanças na apresentação das informações, conforme planejado, não apenas mitigaram o risco para pessoas com deficiência, mas também aprimoraram a usabilidade do fluxo como um todo.
