Prototipação
•
Entrevista com usuários
•
Teste de usabilidade
Como redesenhei o e-commerce de cursos de saúde para melhorar a experiência do usuário e alcançar rapidamente o product time value.
Equipe
Product manager, devs, e eu
Papel
UI/UX, Researcher, Recruiter
Ferramentas
Figma, Miro, Calendly
Quais eram os problemas?
O sistema anterior, inicialmente desenvolvido como um MVP em um template de plataforma de e-commerce pronta, enfrentava problemas com bugs, falta de responsividade e dificuldade para adicionar novas funcionalidades. Por isso, foi criado um novo sistema customizado, com melhorias significativas na interface e na usabilidade.
O principal ponto identificado em uma entrevista contextual que conduzi antes de iniciar o projeto foi que o vídeo de prévia dos cursos era considerado importante, mas estava escondido.
Experiência anterior
As telas principais e o fluxo da experiência do usuário.
Página inicial
Página do curso
Página de pesquisa
Página do carrinho
Página de login
Página de inscrição
Fluxo de usuário anterior
As áreas vermelhas representam a seção conectada; verde e azul são partes do nosso sistema a serem integradas.
Projetando a experiência
Após o alinhamento com os stakeholders, projetei a interface a seguir do fluxo de compra, e também toda a configuração de back-office.
Benchmarking
As principais áreas do benchmark foram: Hero + Search, Página inicial, Menu, Resultados da pesquisa e Avaliações.
Moodboard
As principais áreas do moodboard eram: Página inicial, Resultados da pesquisa, Curso e Avaliações.
Wireframes
Página inicial
Página de resultados da pesquisa
Página do curso
Página de avaliações
Resultados
Para validar o protótipo, foram realizados testes de usabilidade e, posteriormente, os usuários receberam uma pesquisa do SUS, que resultou em uma pontuação de 90.
O maior desafio durante esse processo foi recrutar usuários para os testes.
O principal ponto observado após os testes foi a dificuldade em encontrar onde clicar para acessar o curso adquirido . Por exemplo: alguns usuários esperavam que o curso adquirido aparecesse imediatamente após o login. Após esses testes, a tela de acesso ao curso foi configurada para redirecionar os usuários imediatamente após a compra .
Melhorias pós-lançamento foram implementadas, como permitir compras sem registro, permitindo que o produto atinja rapidamente seu tempo de retorno sobre o investimento.
Obrigado pelo seu tempo
Veja outros cases
Redesign da pós-premium
Prototipação
•
Style Guide
•
Teste de usabilidade
Automatização da rematrícula
Prototipação
•
Análise do comportamento do usuário
•
Teste de usabilidade
Componente de tabela
Prototipação
•
Design System
•
Documentação
E-commerce health courses
Prototipação
•
Entrevista com usuários
•
Teste de usabilidade