Mobile

Carrinho

No card de produto, o valor não é alterado quando se adiciona mais de uma unidade, através do seletor de quantidade (Telas 1 e 2) - comportamento não familiar ao usuário.

Feedback de cupom inválido é muito discreto (Tela 3). Através das gravações, foi possível observar que esse feedback passou despercebido por vários usuários, gerando cliques de estresse no botão “Aplicar”.

Tela 1 Tela 2 Tela 3

⁠

Checkout

O botão “Ir para envio” não está consistente com a nomenclatura da etapa “Entrega” (Tela 4), o ideal é que sejam iguais - padronizando o termo envio ou entrega.

No campo de entrega, não é adequado exibir o botão “Receber” (e nem ser clicável, como é hoje) (Tela 5), visto que essa é a única opção disponível para o usuário, já que não há como retirar. Através das gravações e mapa de calor, foi possível visualizar grande interação dos usuários com esse botão - que não apresenta nenhuma resposta ao ser clicado. O ideal seria ocultar esse botão e só exibi-lo caso haja a possibilidade do usuário escolher entre receber ou retirar.

Tela 4 Tela 5

⁠

Análise de Mapa de Calor

No carrinho, a área com maior interação é o componente de entrega, seguido pelo logo (que direciona à home) (Tela 6).

No checkout, os componentes que demonstraram maior interação com os usuários (Telas 7 e 8) foram: botão flutuante de WhatsApp, inputs de preenchimento, botão "Receber" na área de entrega, botão "Ir para o pagamento" e o logo do site.

Tela 6 Tela 7 Tela 8

⁠

Clarity_Efizi_ClickMap-Celular_03-18-2024 16_52.png

⁠

Conclusão

Pontos de melhoria

Carrinho

Na área de cupom de desconto, melhorar o design do botão "Aplicar", visto que está passando despercebido por vários usuários.

No card de produto, atualizar o valor exibido de modo condizente com a quantidade adicionada pelo usuário.

Melhorar a mensagem de feedback de cupom inválido, deixando em forma de texto próximo ao input de preenchimento do cupom e, preferencialmente, na cor vermelha (para chamar a atenção de que algo deu errado).

Alterar o design do botão "Continuar comprando", deixando mais discreto, por exemplo, como forma somente de texto, sem bordas.

Alterar a nomenclatura do botão "Avançar" para "Finalizar compra".

Checkout

Na área de resumo de pedido, melhorar a ilustração das informações exibidas, por exemplo, mostrar para o usuário os valores de todos os produtos daquela compra - e que sejam também condizentes com as quantidades adicionadas, melhorando a visibilidade.

Inserir um botão "Voltar ao carrinho" próximo à área de resumo do pedido, visto que foi observado que muitos usuários clicaram nesse componente (não clicável), provavelmente, na intenção de editar o carrinho.

Alterar a nomenclatura do botão "Ir para envio" para "Ir para entrega".

Se não for possível ocultar o botão "Receber" no campo de entrega, o mais adequado é não deixar esse botão clicável e melhorar o seu design, deixando-o menos chamativo para o usuário.

Próxima Página →

Desktop⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.