Diwe
Redesenhando a Experiência de Uso para a Funcionalidade de Quiz
O Parceiro da Construção é uma startup do grupo Saint-Gobain que oferece capacitação gratuita e online para profissionais da construção civil. Disponível em plataformas Android, iOS e web, o produto visa educar e certificar trabalhadores, ampliando suas oportunidades no mercado de trabalho.
Responsabilidades
Como Product Designer, fui responsável por liderar todo o processo de pesquisa e análise de dados, identificando as principais barreiras na experiência dos usuários. Criei protótipos de soluções, conduzi testes de usabilidade, e analisei métricas para validar as melhorias implementadas. Trabalhei em estreita colaboração com as equipes de produto e desenvolvimento para garantir que as mudanças fossem eficazes, sempre mantendo o foco em aprimorar a experiência mobile e reduzir as taxas de abandono nos testes de habilidade.Estrutura do time
Produto: Ramon Sousa(PD) e Lais Sousa(PM), Desenvolvedores: Vinicius Bassalobre e JesséMétodos de pesquisa
Double Diamond Entender as taxas de abandono; Definir o problema, métricas e como será medido; Desenvolver uma solução; Entrega (Teste e refinamento).Cronograma
2 semanas (2022)Ferramentas
Miro, Notion, Hotjar, Google analitycs, Figma, Maze.Plataforma
App (Android e IOS)
Motivações
1
Aumentar o número de downloads do aplicativo mobile.2
Reduzir taxa de abandono em testes iniciados.3
Melhorar a experiência de uso nos testes.Problem Statement: Apesar dos inúmeros problemas de usabilidade identificados na plataforma, nossos usuários demonstravam um valor significativo nos testes de habilidade, evidenciado pelas altas taxas de conclusão e pelos frequentes acessos ao fluxo. No entanto, as dificuldades enfrentadas durante a navegação comprometiam a experiência geral e levavam o usuário a se desengajar da plataforma.
Pesquisa e coleta de dados
Utilizando ferramentas como Hotjar e Google Analytics, analisamos o comportamento dos usuários e identificamos as principais barreiras. Observamos altas taxas de abandono nos testes de habilidade, especialmente para os usuários mobile.
Entrevistas com usuários e análise de heatmaps ajudaram a mapear pontos de fricção e problemas de navegabilidade.
Persona relevante
A persona 'Aplicadores' foi a mais relevante para os objetivos de negócio, pois representou uma grande parte da nossa base de usuários. Eles desempenharam um papel crucial nas futuras estratégias de monetização da plataforma, tornando-se fundamentais para o crescimento do produto até a obtenção do Breakeven.
Performance indicator
Analisei a frequência com que os usuários acessaram o Parceiro da Construção em períodos anteriores as melhorias nos testes de habilidade. Além disso, avaliei se houve um aumento na emissão de certificados após a introdução desses testes.
Dados referentes ao periodo anterior ao processo de discovery.
Wireframe e cenário de teste
Para os testes de usabilidade, desenvolvi wireframes que contemplavam as principais tarefas que os usuários deveriam realizar. O roteiro incluía ações como encontrar a nova página de cursos, localizar os testes em andamento, navegar entre as categorias disponíveis, e reportar um erro em uma questão específica. Além disso, os usuários foram incentivados a avaliar a relevância dos “Desafios” propostos e, ao final, compartilhar seus resultados após a conclusão de um teste.
Wireframe utilizado no primeiro teste de usabilidade, é válido ressaltar a navegação por 'Tabs'que foi descartada após o teste (O mesmo pode ser replicado em outros fluxos que estavam em desenvolvimento em simultâneo.
Testes de usabilidade
Realizei duas versões de testes de usabilidade. Na primeira versão, um grupo de cinco usuários, representando as personas definidas, os usuários encontraram dificuldades em diversas etapas do teste. Com base nesse feedback, implementei melhorias e conduzi um novo teste, envolvendo tanto novos usuários quanto alguns dos participantes da primeira versão.
Principais insights coletados após a realização do teste de usabilidade com usuários da persona 'Aplicador'.
Alta fidelidade e handoff
Após a validação dos wireframes e testes de usabilidade, desenvolvi as telas em alta fidelidade no Figma, garantindo uma experiência visual mais refinada e alinhada ao design system da plataforma. Em seguida, realizei o handoff para os desenvolvedores, documentando detalhadamente os componentes, espaçamentos, cores e comportamentos interativos.
Telas em alta fidelidade, já contemplando um rebrand realizado em paralelo pelo time de marketing durante a execução do projeto.
Resultados
+18%
Observamos um aumento de 18% no número de usuários que completaram os testes de habilidade, passando de 1.586 para 1.871 finalizações mensais.+23%
O aplicativo registrou um crescimento de 23% nos downloads, subindo de 871 para 1.071 novos usuários no trismestre após a implementação.-13%
A taxa de abandono durante a execução dos testes de habilidade diminuiu em 13%, passando de 7.38% para 6.42%.Utilizei ferramentas como Google Analytics e Hotjar para monitorar o desempenho da plataforma durante um trimestre.
