Seu site acabou de ser reformulado. Ele está ótimo no monitor grande da sala de reuniões; todos conhecem a oferta e conseguem concluir um pedido de olhos fechados. Mas um cliente chega pelo celular, não sabe nada sobre a empresa e sai no primeiro ponto de confusão. Por isso, verificar se um site é bonito não é suficiente.
Usamos a versão original deste checklist como uma lista ampla para sites e lojas virtuais. Com o tempo, ela acumulou ferramentas e regras específicas que não eram universais. Esta versão volta ao essencial: o que uma pessoa deve conseguir fazer, o que você precisa verificar e como identificar um problema antes de começar a investir dinheiro em tráfego.
Primeiro, identifique as três jornadas mais importantes
Uma auditoria de UX de um site inteiro pode facilmente se transformar em uma centena de comentários. Por isso, antes de abrir o analytics, escolho as três jornadas que mais importam para o negócio. Normalmente:
- um novo visitante entende a oferta e envia uma solicitação,
- um cliente encontra um produto, adiciona-o ao carrinho e paga,
- um cliente atual encontra suporte, um documento ou dados de contato.
Para cada jornada, anote o ponto de partida, o fim esperado e o principal obstáculo. Assim, você não preenche o checklist mecanicamente. Você verifica se o site apoia uma decisão específica.
1. A oferta precisa ser clara para quem não participou da reunião
- Fica óbvio na primeira tela o que você oferece e para quem?
- O título principal descreve um resultado ou problema, em vez de um slogan da empresa?
- O próximo passo está visível sem precisar procurá-lo no menu?
- Os visitantes conseguem distinguir os serviços ou opções individuais?
- Você informa as condições e limitações que realmente afetam a decisão?
Teste com alguém que não conhece a empresa. Dê alguns segundos, feche a página e pergunte o que a empresa faz e o que essa pessoa faria em seguida. Não é um estudo científico, mas expõe rapidamente uma linguagem compreendida apenas por quem está dentro da empresa.
2. A navegação precisa funcionar sem pensar e sem mouse
- Os nomes dos itens correspondem ao que os visitantes procuram?
- Os links, o logotipo e o retorno à etapa anterior funcionam?
- O menu para celular é legível, pode ser fechado e não cobre conteúdo importante?
- Em uma estrutura mais longa, fica claro onde a pessoa está?
- Todo controle importante pode ser alcançado com a tecla Tab?
- Ao usar o teclado, o foco fica visível e o usuário evita ficar preso?
Acessibilidade não é um modo especial para poucas pessoas. Contraste suficiente também ajuda no celular sob a luz do sol, e um formulário claro ajuda quem está com pressa. Para uma verificação rápida, você pode usar Easy Checks da W3C. Esta é uma primeira verificação, não uma confirmação de conformidade total com as WCAG.
3. O conteúdo precisa orientar tanto o olhar quanto a decisão
- Há um título principal e uma estrutura lógica de títulos subsequentes?
- Os parágrafos são legíveis, com as informações importantes fáceis de encontrar durante a leitura rápida?
- Os links e botões descrevem o resultado de clicar neles?
- O significado depende apenas de uma cor, imagem ou efeito ao passar o mouse?
- As imagens informativas têm um texto alternativo significativo?
- As animações distraem da oferta, e os usuários podem respeitar as preferências de movimento reduzido?
Uma cor forte, sozinha, não cria um botão de conversão. Primeiro, precisa ficar claro o que acontecerá após o clique. “Enviar” é uma descrição técnica. “Agendar uma conversa inicial” reduz a incerteza.
4. Um formulário deve pedir apenas o que a empresa realmente usará
- Cada campo tem um rótulo visível associado programaticamente?
- Está claro quais dados são obrigatórios e por que são necessários?
- O usuário consegue preencher o formulário no celular e com o teclado?
- Uma mensagem de erro explica tanto o problema quanto como corrigi-lo?
- Os dados inseridos corretamente permanecem após um erro?
- Após o envio, o usuário recebe uma confirmação clara e informações sobre o que acontecerá em seguida?
Em seu guia sobre formulários acessíveis, W3C recomenda pedir apenas os dados necessários para concluir o processo. Cada campo adicional exige atenção e aumenta o trabalho de tratamento de dados. Se a empresa não usará a informação, remova-a.
5. Uma loja virtual precisa cuidar de toda a compra, não apenas de uma bela página de produto
Categorias e busca
- Os filtros correspondem à forma como as pessoas escolhem e podem ser limpos facilmente?
- Quando não há resultados, a página oferece informações úteis e outro caminho?
- Um card de produto contém nome, preço, disponibilidade e uma imagem legível?
- A ordenação e a filtragem continuam utilizáveis no celular?
Detalhes do produto
- As opções, o preço, o IVA, a disponibilidade e a entrega são explicados antes de adicionar ao carrinho?
- As fotografias mostram o que o cliente precisa avaliar?
- O botão de adicionar ao carrinho está visível sem bloquear o conteúdo?
- Um produto esgotado ou descontinuado oferece uma alternativa e uma forma sensata de voltar?
Carrinho e pedido
- É possível alterar o item, a opção e a quantidade sem perder os outros dados?
- O preço final, incluindo entrega e taxas, é conhecido a tempo?
- Você evita exigir cadastro sem uma justificativa comercial?
- Um pagamento malsucedido devolve a pessoa a uma situação compreensível?
- A confirmação do pedido é inequívoca e evita uma compra repetida por acidente?
A regra de que “não deve haver navegação no carrinho” nem sempre é válida. Em uma compra simples, reduzir distrações pode ajudar. Porém, em uma oferta complexa, o cliente precisa encontrar condições ou detalhes do produto. Teste o comportamento, não uma regra geral.
6. Um site precisa resistir ao celular, a uma rede lenta e a um erro
- O conteúdo principal carrega rapidamente, sem grandes mudanças de layout?
- A página responde a cliques e digitação sem atraso perceptível?
- As imagens têm as dimensões corretas e carregam apenas com a qualidade necessária?
- Um script externo com falha pode bloquear um pedido ou formulário?
- As principais jornadas funcionam nos navegadores atuais mais usados e em celulares reais?
- Você monitora a disponibilidade e os erros nas etapas importantes?
Uma pontuação de laboratório é uma orientação, não um resultado de negócio. Observe também os usuários reais e a jornada principal. Um pixel de publicidade não pode ser mais importante do que o botão Comprar.
7. Verifique a mensuração com um teste, não apenas conferindo se o código existe
Para cada jornada importante, faça uma solicitação ou um pedido de teste. Verifique se o evento é enviado uma vez, com o nome, valor, moeda e identificador de transação corretos. Depois, confirme se o sistema de destino o registra e se ele corresponde ao pedido real.
- Uma compra é enviada apenas por abrir uma URL de agradecimento?
- O evento é duplicado quando a página é atualizada?
- As tags respeitam o status de consentimento?
- A camada de dados contém dados pessoais que não deveriam estar ali?
- O contêiner inclui apenas os serviços que a empresa usa?
- Existe um responsável pela mensuração e um registro da última verificação?
Para a implementação, consulte Como configurar o Google Tag Manager corretamente; para entender os eventos, consulte o guia do Google Analytics 4. Gravações de sessão ou mapas de calor podem revelar pontos cegos, mas use-os de forma intencional, com campos sensíveis mascarados e de acordo com as regras de consentimento. Gravar tudo “por via das dúvidas” não é um plano de pesquisa.
Como usar o checklist sem uma reunião mensal
- Escolha a jornada mais importante e percorra-a pelo celular.
- Faça o mesmo usando apenas o teclado.
- Peça a alguém de fora da empresa para concluir a tarefa e não o oriente.
- Registre onde essa pessoa hesitou, não a solução que você propôs.
- Verifique o problema no analytics, no suporte ou em testes adicionais.
- Corrija um obstáculo e percorra toda a jornada novamente, incluindo a mensuração.
Não tente declarar um site “com UX concluída” em uma única rodada. A oferta, os dispositivos e as expectativas das pessoas mudam. O objetivo do checklist é encontrar regularmente o atrito mais caro e decidir o que corrigir primeiro.
Se quiser analisar o site em um contexto de negócio mais amplo, use também o checklist de marketing online. Se precisar priorizar UX, mensuração e aquisição, descreva sua principal jornada pela página de contato.