Efizi

Março/2024 - Análise de Jornada de Compra

Março/2024 - Análise de Carrinho Abandonado

Explore

Março/2024 - Análise de Jornada de Compra

Mobile

Home

Falta o botão “Ver todos” dos departamentos (Tela 1) no menu hambúrguer, interferindo na jornada do usuário que deseja ver todos os produtos de determinado departamento de uma vez.

O valor do produto na vitrine da home (Tela 2) difere do valor exibido no mini cart (Tela 3), podendo confundir o usuário, achando que o desconto não será aplicado corretamente (mesmo com a especificação da condição de pagamento atrelada ao desconto). Nas gravações, foi possível visualizar que muitos usuários abandonaram a página após essa situação.

As setas das vitrines não estão em um local familiar ao usuário (Tela 4). O ideal é que elas estejam nas laterais dos cards de produtos e/ou que sejam inseridos também bullets de navegação.

Quando o usuário adiciona um item no mini cart, a mensagem “Item adicionado ao carrinho” sobrepõe o principal CTA da tela (Tela 5) e demora para sumir, podendo causar cliques não intencionais em outras áreas.

No mini cart, o botão “Continuar comprando” está localizado acima do botão de finalizar a compra (Tela 3). O adequado é que o botão de ação secundária seja exibido abaixo do principal e que seja mais discreto.

Tela 1 Tela 2 Tela 3 Tela 4

⁠

Tela 5

⁠

Departamento | Categoria | Página de busca

No filtro, todos os tópicos estão em estado primário aberto (Tela 6), podendo sobrecarregar cognitivamente o usuário - que está mais acostumado a visualizar esse componente em estado primário fechado.

Tela 6

⁠

Página de Produto

O botão “Comprar” (Tela 7) adiciona o produto ao carrinho e não direciona o usuário para o checkout - divergindo de sua nomenclatura.

Os títulos dos tópicos das descrições do produto da PDP apresentam duas cores diferentes (na mesma linha) (Tela 8), o que pode passar a percepção errônea para o usuário de que uma palavra está clicada/selecionada e outra não. Foram visualizadas gravações de usuários que realizaram cliques na palavra de cor diferente do mesmo título.

Tela 7 Tela 8

⁠

Análise de Mapa de Calor

Na home, as áreas mais clicadas foram: barra de busca, componente de localização (visualização/edição), seguido do header e menu hambúrguer (Telas 9 e 10). A interação dos usuários diminuiu drasticamente após a segunda dobra do site.

Na home, foi possível ver uma grande número de cliques nas tags de desconto dos cards de produtos da vitrine (Tela 10).

Na página de departamento, os componentes que mais tiveram interações com os usuários (Telas 11 e 12) foram: botão de filtrar, componente de localização (visualização/edição), botão de ordenar e tags de desconto dos cards de produtos.

Na PDP, o componente com maior interação foi a navegação do carrossel de imagens através das setas. Também tiveram cliques na barra de busca e no breadcrumb (Telas 13 e 14).

Tela 9 Tela 10 Tela 11 Tela 12

⁠

Clarity_Efizi_AreaMap-Celular_03-18-2024 14_54.png

⁠

⁠

⁠

⁠

Fonte: Clarity

Tela 13 Tela 14

⁠

⁠

⁠

Fonte: Clarity

⁠

Conclusão

Pontos de melhoria

Home

Inserir setas laterais e/ou bullets de navegação de carrossel nas vitrines - tirando as setas que hoje estão localizadas próximas ao título.

No menu hambúrguer, inserir o botão "Ver todos" nos departamentos.

O ideal é que o valor do produto exibido na home seja igual ao de quando esse mesmo produto é adicionado no mini cart - desde que as condições para tal desconto estejam claras ao usuário. Caso, no checkout, ele selecione uma forma de pagamento que não seja à vista, o valor aparecerá sem desconto. Se não for possível, alterar o texto no mini cart “Taxas e frete calculados no carrinho” para “Taxas, descontos e frete calculados no carrinho”.

Especificamente em mobile, remover a mensagem de feedback "Item adicionado ao carrinho" quando um produto é adicionado ao mini cart - ela sobrepõe os principais botões do mini cart e demora para desaparecer. Quando o usuário adiciona um item no mini cart, o mesmo já é aberto automaticamente ilustrando o item adicionado, portanto, não há necessidade da exibição dessa mensagem de feedback.

No mini cart, ilustrar o botão "Continuar comprando" abaixo do botão que direciona o usuário para o checkout. Além disso, deixá-lo mais discreto (somente o texto sem bordas, por exemplo).

Departamento | Categoria | Página de busca

No filtro, deixar todos os tópicos em estado primário fechado, facilitando a visualização de todos os parâmetros que podem ser filtrados pelo usuário.

Sugerimos que os componentes de ordenação e filtro sejam flutuantes, acompanhando a rolagem da página pelo usuário.

Página de produto (PDP)

Deixar os títulos da página com somente uma cor e que seja, preferencialmente, neutra.

O botão de "Comprar" na verdade adiciona o produto ao mini cart. O ideal é que a nomenclatura do botão seja condizente com sua ação, logo, o mais adequado é alterar o texto do botão para "Adicionar ao carrinho".

O botão flutuante de WhatsApp sobrepõe informações por todas as páginas do site, porém na PDP é mais impactante, visto que esse botão sobrepõe parcialmente o principal CTA da página, na buybox também flutuante. Como o botão de contato (Chat, WhatsApp, entre outros) é, sabidamente, um componente relevante para o fluxo de compra do usuário na maioria dos e-commerces, o ideal seria realizar um estudo de elementos flutuantes do site Efizi para avaliar sua possível remoção ou alteração para outra localização da página, a fim de não sobrepor com elementos importantes do fluxo de compra.

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.