Desktop

icon picker
Jornada

wRealizamos o mapeamento da jornada efetuada pelo usuário, desde a busca pelo produto desejado até a etapa de finalização da compra.
Cenário: usuário deseja comprar telas de serralheria para usar em portões.

1 - Usuário realiza uma busca pela lupa.

Pontos observados:
Não há sugestões de buscas para ajudar o usuário.
Algumas palavras-chave do produto não constam na busca, gerando zero resultados (quando os produtos existem na loja).

image.png

image.png
image.png
Sugestões de melhorias:
Incluir na barra de pesquisa, quando uma busca é iniciada, sugestões de produtos ou categorias.
Prever mais palavras-chave e incluí-las no texto de descrição do produto e verificar se o mecanismo de busca está funcionando bem e encontrando por meio de palavras da descrição.
2h (UI) - Para alterar os dois pontos acima.
Heurísticas de Nielsen atendidas: 1ª, com visibilidade do status, no caso da busca realizada; 3ª, dando ao usuário mais controle e liberdade; 5ª prevenção de erros; 6ª reconhecimento ao invés da memória, especialmente durante a busca.
Impacto: Baixo
Alto
Referência:
Sugestões de termos para a busca.
image.png

2 - Usuário realiza uma busca a partir das categorias.


Pontos observados:
A página de categoria mostra apenas a foto do produto embalado.
O filtro, ao abrir a página, está oculto.
O filtro não apresenta a quantidade de produtos disponíveis dentro daquele critério.
O menu dropdown da ordem de exibição dos produtos não segue o mesmo estilo do resto do site.

image.png

image.png
image.png
Sugestões de melhoria:
Incluir no card de cada produto (mouse hover na imagem, por exemplo) fotos do produto no contexto de uso, para facilitar a visualização e o entendimento do usuário.
Inserir texto da categoria, a fim de melhorar o rankeamento de SEO.
O ideal é que o filtro já esteja aberto quando o usuário entra na página, que ele tenha a opção de fechar.
Mostrar no filtro quantidade de produtos disponíveis dentro daquele critério.
Adequar o estilo do menu dropdown com a interface e identidade visual do site, usando, por exemplo, o mesmo estilo de menu dropdown da PDP.

Heurísticas de Nielsen atendidas: 2ª, a correspondência entre o sistema e o mundo real, no caso as categorias e subcategorias do site estão organizadas como uma loja física; e as imagens funcionariam mais como um encarte/vitrine do que estoque; 3ª, dando controle e liberdade para o usuário filtrar e visualizar opções; 8ª, com estética e design minimalista que ajuda o usuário - neste caso, o site não tem informações irrelevantes atrapalhando o que importa.
Impacto: Baixo
Alto
Referência:
image.png

3 - Usuário acessa página do produto para ter informações sobre ele.

Pontos observados:
Apenas uma imagem (produto embalado) disponível.
Há um espaço para avaliações, mas ele não é utilizado.

image.png
image.png
image.png
Sugestões de melhoria:
Incluir na galeria fotos do uso e aplicação do produto.
Incluir avaliações do produto - solicitar por e-mail após a compra, que usuários avaliem a compra - ou retirar o espaço, que está vazio na página de vários produtos. A avaliação pode ter uma nota média, além de comentários.
É interessante deixar um CTA de “adicionar ao carrinho” acompanhando o usuário conforme ele dá scrolls pela página.

Heurísticas de Nielsen atendidas: 2ª, apresentando compatibilidade entre o sistema e o mundo real (com imagens que refletem a realidade do produto); à 3ª, dando controle e liberdade para o usuário; 5ª, prevenção de erros, por exemplo.
Impacto: Baixo
Alto
Referências:
image.png
image.png

4 - Usuário insere o CEP para calcular o frete e clica em “comprar”.

Pontos observados:
Botão finalizar compra geralmente está presente no carrinho e não em pop-up.
Após concordar com a Política de Privacidade, mesmo sem e-mail no campo obrigatório, o botão CONTINUAR é ativado - e ao clicar, não há um aviso sobre o preenchimento do e-mail.

image.png
image.png
image.png
image.png
image.png
image.png
Sugestões de melhoria:
O ideal é que o pop-up apenas informe que o produto foi adicionado ao carrinho e, dentro da página de carrinho tenha os botões de “continuar comprando” e “finalizar a compra”. - 2h (UI)
Ativar o botão CONTINUAR apenas depois dos dois critérios serem atendidos: e-mail válido inserido e checkbox da Política e Termos de Uso. - 2h (UI)

Heurísticas de Nielsen atendidas: 1ª, dando visibilidade do status do sistema ao usuário; 2ª, apresentando compatibilidade entre o sistema e o mundo real; 8ª, com estética e design minimalista que ajuda o usuário.
Impacto: Baixo
Alto
Conclusão: No geral, o site da loja da ArcelorMittal tem uma boa usabilidade no desktop, mas há muitos pontos que podem ser melhorados para deixar o uso mais fluido e confortável. Os fluxos de compra e de busca por categorias funcionam bem, com direcionamento de páginas correto. No entanto, a melhoria sugerida de alguns pontos podem deixar os fluxos ainda mais intuitivos, além de poder gerar mais conversão e confiança (como mais fotos do produto e avaliações).


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.