Skip to content
Out/2023 - Análise de elementos sobrepostos

icon picker
Estudo de dados

Foi realizada a análise de dados para avaliar o comportamento dos usuários relativo aos elementos flutuantes no site Acer e que, muitas vezes, se sobrepõe entre si ou com outros componentes do site.
O principal objetivo foi observar a relevância desses botões e o impacto no fluxo de compra do usuário.

Mobile - Elementos flutuantes exibidos (Tela 3 a 6):

Botão acer clube
Botão de acessibilidade
Botão de ajuda/chat
Barra de botões com ícones no checkout

Tela 3 Tela 4 Tela 5 Tela 6
image.png
image.png
image.png
image.png

Desktop - Elementos flutuantes exibidos (Tela 7 a 10):

Botão acer clube
Botão voltar ao topo (quando realiza scroll para baixo)
Botão de acessibilidade
Botão de ajuda/chat
Botão de produtos vistos recentemente
Barra de botões com ícones (do lado esquerdo da tela) no checkout

Tela 7 Tela 8
image.png
image.png

Tela 9 Tela 10
image.png
image.png

Dispositivos mais utilizados

A maioria dos usuários do site realiza o acesso através do celular (55,15%), seguido pelo computador (43,62%) - Tela 11. Logo, é muito importante exibir somente os botões flutuantes que são extremamente necessários para não prejudicar a jornada do usuário em ambos os dispositivos.

Tela 11
image.png
Fonte: Microsoft Clarity (Outubro/2023)

Gravações

Foram analisadas, aproximadamente 30 gravações, com duração média de 1h30 cada, dos usuários que tiveram interação com os elementos flutuantes (sobrepostos ou não) e alguns padrões foram observados:

Vários usuários, assim que entraram na home, interagiram com a maioria dos botões flutuantes, os expandindo, na tentativa de fechá-los, porém sem sucesso. Inclusive, nessa situação foram observados muitos cliques de estresse tanto nos botões como nas áreas bem próximas a eles.

Os botões flutuantes cobrem muitas informações importantes, principalmente em mobile. Muitos usuários tiveram cliques de estresse e/ou atualizaram a página, sobretudo, quando abriam o minicart e os botões estavam cobrindo o conteúdo relevante presente nesse componente - como preço ou seletor de quantidade, por exemplo.

O componente “Visto recentemente” apresentou pouca interação relevante com os usuários, a maioria que o expandia, era para fechá-lo em seguida e não para ir à PDP do produto sugerido.

O botão “Acer Clube” apresentou uma moderada interação relevante com os usuários, porém, em mobile, esse componente teve mais cliques de estresse, pois cobria informações mais importantes do site, em comparação ao desktop.

O botão de ajuda/chat apresentou uma moderada interação relevante com os usuários, a maioria o utilizava para pedir ajuda no checkout (dificuldade em inserir cupons, problemas no pagamento, etc).

O botão de acessibilidade não foi utilizado funcionalmente por nenhum usuário observado nas gravações e os cliques nele, bem como sua expansão, foram na intenção de ocultá-lo ou fechá-lo, o que não era possível.

No checkout, há uma barra flutuante de botões com ícones que não está muito autoexplicativa e gerou confusão na maioria dos usuários, que pouco interagiam de maneira relevante.

Em desktop, o botão "Voltar ao topo" quase sempre aparecia cortado pela metade (em sobreposição com outros elementos), sobrecarregando o usuário com informação em excesso e sem apresentar muita relevância em cliques úteis.



Próxima Página →

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.