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
Tela 3
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
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
Fonte: Clarity
Tela 8 Tela 9
Fonte: Clarity
Tela 10 Tela 11
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.