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

icon picker
Desktop

Home

Os pontos necessários para corrigir são os mesmos observados em mobile:

No top menu, por mais que o título do departamento direcione o usuário até a página de departamento, falta exibir o botão “Ver todos” no hover (Tela 1), 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.
As setas das vitrines não estão em um local familiar ao usuário (Tela 2). O ideal é que elas estejam nas laterais dos cards de produtos e/ou que sejam inseridos também bullets de navegação.
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
image.png
image.png

Tela 3
image.png

Página de Produto

Os pontos necessários para corrigir são os mesmos observados em mobile:

O botão “Comprar” (Tela 4) 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 (Tela 5) apresentam duas cores diferentes (na mesma linha), 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 4 Tela 5
image.png
image.png

Análise de Mapa de Calor

Na home, os componentes que mais tiveram interações com os usuários (Telas 6 e 7) foram: barra de busca, top menu, componente de localização (visualização/edição), setas de navegação lateral do fullbanner e área de login/cadastro.
Na página de departamento, os elementos mais clicados foram o filtro e o botão “Mostrar mais” (Telas 8 e 9). Também tiveram cliques o botão/ícone “Meu carrinho” e a área de login/cadastro.
Na PDP, a área mais clicada foi a buybox ao lado das imagens do produto - principalmente o componente de frete. Também tiveram relevância na interação com os usuários: galeria de imagens do produto, header, breadcrumb e botão de voltar ao topo (Telas 10 e 11).

Tela 6 Tela 7
Clarity_Efizi_ClickMap-PC_03-18-2024 14_51.png
Clarity_Efizi_AreaMap-PC_03-18-2024 14_48.png
Fonte: Clarity

Tela 8 Tela 9
MicrosoftTeams-image (22).png
MicrosoftTeams-image (21).png
Fonte: Clarity

Tela 10 Tela 11
MicrosoftTeams-image (26).png
MicrosoftTeams-image (25).png
Fonte: Clarity

Conclusão

Os pontos necessários para corrigir ou melhorar são os mesmos observados em mobile - e que irão refletir no design responsivo. Porém, com algumas observações extras em desktop:

Home

No top menu, inserir o botão "Ver todos" nos departamentos.
Em desktop, não é necessário remover a mensagem de feedback “Item adicionado ao carrinho” quando um produto é adicionado ao mini cart, visto que ela sobrepõe os principais botões do mini cart somente em mobile.

Departamento | Categoria | Página de busca

A sugestão de componentes de ordenação e filtro serem flutuantes se aplica em mobile. Em desktop, o ideal é que sejam exibidos de modo fixo no topo da página - local em que o usuário está mais familiarizado.

Página de produto (PDP)

O botão flutuante de WhatsApp praticamente não possui nenhuma interferência durante o fluxo de compra - diferentemente de mobile. Porém, a sugestão da realização de um estudo de elementos flutuantes do site Efizi é válida para ambos os dispositivos.



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.