Foram analisadas, aproximadamente, 100 gravações, através do Clarity, dos usuários que saíram do site no fluxo de compra (carrinho e checkout) - incluindo cliques, movimentos do mouse, retorno rápido e cliques de estresse - e alguns padrões foram observados nas reproduções:
Carrinho
Foram observados abandonos de página após a inserção de cupom de boas vindas expirado.
Alguns usuários abandonaram a página após inserir o CEP no componente de frete.
Muitos usuários tentavam navegar somente pela barra de evolução, que possui muitas áreas não clicáveis. Alguns realizavam cliques de estresse direto em “Pagamento”.
Foi observado que alguns usuários tentavam excluir determinado produto diminuindo a quantidade no seletor - com a intenção de zerar - o que não acontecia, pois hoje o único modo de excluir um produto é clicando no ícone de lixeira.
O componente de frete, após o usuário inserir o CEP, mostra somente uma opção de entrega. Há uma seta para baixo, indicando botão dropdown, porém foram visualizados cliques de estresse nessa tentativa de expansão, que nem sempre funcionava.
Checkout
Muitos usuários clicaram em “Retirada” no componente de entrega, porém somente em poucas gravações foram observados pontos de retirada disponíveis.
Em algumas gravações, o checkbox de receber novidades não estava funcionando corretamente, após a interação do usuário.
Em mobile, a maioria dos usuários demorou alguns segundos para perceber o botão flutuante de “Entrega”, “Pagamento ou “Finalizar compra”, pois tentavam clicar no título da próxima etapa (não clicável).
Em desktop, em algumas gravações, foi observado que o componente “Resumo do pedido” demora para aparecer na tela.
Para os usuários que tinham mais de uma opção de local de retirada do pedido, foi observado que eles apresentaram confusão na escolha desses lugares - essa parte do fluxo não ficou clara para eles, pois o checkbox está selecionado no prazo de entrega e não no local.
Alguns usuários abandonaram a página após alterar a forma de pagamento e visualizar a mensagem “O valor dos produtos foi alterado”.
A maioria dos usuários clicou no componente “Vale troca”, mas em nenhuma gravação foi observada uma interação funcional - que realmente era um caso de troca.
Alguns usuários tentavam clicar nos produtos do resumo do pedido - passando a percepção de que queriam editá-los. O resumo do pedido não é editável diretamente e, hoje, não há um botão de voltar à sacola (nem mesmo pela barra de evolução).
Conclusão
Observamos que, apesar de alguns usuários enfrentarem dificuldades com certos componentes da página, conseguiram concluir a compra. Portanto, nesta análise, nenhum componente específico se destacou como fator determinante e evidente para o abandono.
Entretanto, a maioria dos usuários que abandonou o carrinho/checkout teve, pelo menos, uma interação dificultosa com os seguintes elementos:
Frete (botão dropdown com opções de envio);
Botão “Vale troca”;
Barra de evolução (elementos não clicáveis);
Cupom expirado;
Seletor de quantidade (na intenção de remoção do produto);
“Retirada”, na área de entrega;
Botão flutuante (passava despercebido);
Delay no surgimento do resumo do pedido na página;
Mensagem de feedback “O valor dos produtos foi alterado” - após mudar a forma de pagamento;
Resumo do pedido (na tentativa de edição).
Análise de Mapa de Calor
Mobile
*Observação: Carrinho = Sacola.
No carrinho (Tela 1), é possível observar que os componentes que mais possuem interação com os usuários são: botões do seletor de quantidade, componente de entrega (botões “Receber”, “Retirar” e input de CEP), componente de “Embalagens para o seu pedido”, área próxima ao botão “Escolher mais produtos” e o botão “Finalizar compra”.
Também é observada interação relevante em: logo da marca, botão “Fale conosco pelo WhatsApp”, ícone de ambiente seguro, barra de evolução e remoção de produto.
No checkout (Tela 2), os componentes que mais possuem interação com os usuários são: botão "Adicionar vale troca", barra de evolução ("Sacola" e "Pagamento"), título do componente "Entrega", botões de "Editar", botão "Pix" e textos descritivos nos produtos no resumo.
Desktop
*Observação: Carrinho = Sacola.
No carrinho (Tela 3), os componentes que mais possuem interação com os usuários são: botão "Pagamento" na barra de evolução, ícone de remover item, componente de entrega (botão "Retirar" e input de CEP), botão "Escolher mais produtos" e "Finalizar compra".
No checkout (Tela 4), os componentes que mais possuem interação com os usuários são: botões "Adicionar vale troca", "Crédito", "Pix", bandeiras de cartão (não clicáveis), botão "Editar" e "Fale conosco pelo WhatsApp".