Skip to content
ArcelorMittal
Setembro/2021
Dezembro/2022
Heurísticas de Nielsen
Parâmetro
Dúvidas
More
Share
Explore
Desktop

icon picker
Acessibilidade

Em nossa análise verificamos se as cores estão adequadas para todos os tipos de percepção da cor ou para a ausência dela, como a discromatopsia hereditária, também conhecida por daltonismo; se o tipo de fonte (serifada ou sem serifa) e texto (justificado, por ex) estão adequados; se o peso da fonte está possibilitando uma boa leitura para todos os tipos de pessoas, como jovens e idosos, bem como àqueles com algum tipo de deficiência visual (miopia, astigmatismo ou da idade mesmo).
⁠

Página Inicial / Header / Banners / Vitrine

Pontos observados:
A fonte de itens no carrinho está em tamanho 11px, menor do que 12px, o ideal para a legibilidade em desktop.
O efeito gradiente usado nos botões de “Comprar”, no aviso de 5% de desconto e no mouse hover do menu do header possui um contraste baixo de cores, que atrapalha a legibilidade e deixa esses textos menos acessíveis.

⁠
image.png
⁠
⁠
⁠
image.png
⁠
⁠
⁠
image.png
⁠
⁠
⁠
image.png
⁠
⁠
⁠
image.png
⁠
⁠
Sugestões de melhoria:
Aumentar a fonte da quantidade de itens no carrinho (para 12px ou 13px no mínimo).
Aumentar o contraste dos textos dentro do botão “Comprar” e do aviso de desconto (que precisa ser visualmente diferente do botão).

Heurísticas de Nielsen atendidas: 1ª, dando visibilidade do status do sistema ao usuário; 4ª, dando consistência e padronização ao design.
Impacto: Baixo
⁠
Alto
⁠

Página Inicial / Newsletter / Footer

Pontos observados:
A fonte laranja no fundo preto da seção Newsletter tem uma baixa nota de contraste, prejudicando a legibilidade da informação.
O efeito gradiente usado no botão “Cadastrar” possui um contraste baixo de cores, que atrapalha a legibilidade e deixa o botão menos acessível.

⁠
image.png
⁠
⁠
⁠
image.png
⁠
⁠

Sugestões de melhoria:
Aumentar o contraste do texto da seção Newsletter para deixar a informação mais acessível.
Aumentar o contraste do texto dentro do botão “Cadastrar”.

Heurísticas de Nielsen atendidas: 1ª, dando visibilidade do status do sistema ao usuário; 4ª, dando consistência e padronização ao design.
Impacto: Baixo
⁠
Alto
⁠

Página de Categoria

Ponto observado:
Botão de “Limpar” o filtro está com baixa nota de contraste para fontes pequenas.

⁠
image.png
⁠
⁠
⁠
image.png
⁠
⁠

Sugestão de melhoria:
Aumentar o contraste do texto do botão de “Limpar” o filtro.

Heurísticas de Nielsen atendidas: 1ª, dando visibilidade do status do sistema ao usuário; 3ª, dando controle e liberdade para o usuário; 4ª, dando consistência e padronização ao design; 8ª, com estética e design minimalista que ajuda o usuário.
Impacto: Baixo
⁠
Alto
⁠

Página de produto

Ponto observado:
O link para download do catálogo em pdf está muito pequeno e inserido na imagem.

⁠
image.png
⁠
⁠

Sugestão de melhoria:
O link para download do catálogo em pdf poderia estar abaixo da imagem ou do texto de descrição do produto, para que o usuário que desejar, encontre-o mais facilmente.

Heurísticas de Nielsen atendidas: 3ª, dando controle e liberdade para o usuário; 4ª, dando consistência e padronização ao design; 7ª, apresentando eficiência e dando flexibilidade de uso; à 8ª, com estética e design minimalista que ajuda o usuário.
Impacto: Baixo
⁠
Alto
⁠

Página de Carrinho

Ponto observado:
A fonte de “Produto fornecido e entregue por ArcelorMittal Brasil S/A” está em tamanho 11px, menor do que 12px, o ideal para a legibilidade em desktop.

⁠
image.png
⁠
⁠
Sugestão de melhoria:
Aumentar a fonte para 12px ou 13px no mínimo.

Heurísticas de Nielsen atendidas: 1ª, dando visibilidade do status do sistema ao usuário; 3ª, dando controle e liberdade para o usuário; 4ª, dando consistência e padronização ao design; 8ª, com estética e design minimalista que ajuda o usuário.
Impacto: Baixo
⁠
Alto
⁠

Próxima Página →
Mobile
⁠

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.