Antes e depois de um site: como avaliar o que realmente melhorou

O novo site ocupa a tela. As fotografias ganharam espaço, a tipografia mudou e o movimento chama atenção. A apresentação termina com duas palavras: antes e depois.

Falta uma pergunta: o que a pessoa consegue fazer melhor agora? Um redesenho pode expressar a marca com mais precisão e facilitar uma decisão. Para avaliar isso, precisamos olhar para o conteúdo e para o uso. Este artigo propõe três critérios — entender, escolher e continuar — e um roteiro para sair da impressão visual e chegar a observações verificáveis.

Primeiro, saiba o que está sendo comparado

No comparador do fieli studio, mostramos uma imagem ilustrativa de template ao lado de capturas do ENTREMA. O primeiro lado foi gerado com IA; o segundo apresenta nosso hotel-conceito, também fictício. É uma demonstração de direção criativa, não o histórico de um cliente nem um experimento de conversão.¹

O comparador permite discutir composição, presença de marca e prioridades visuais. Ele não permite medir o desempenho técnico de duas implementações: o lado ilustrativo não é um site navegável. Também não revela qual tecnologia seria usada, quanto custaria uma reserva ou se um sistema seria seguro.

Templates e projetos autorais podem ser bem ou mal resolvidos. O ponto útil é perguntar quais decisões atendem ao negócio, ao público e à tarefa. Trocar um componente pronto por código próprio, isoladamente, não comprova melhoria.

O Nielsen Norman Group define a crítica de design em relação aos objetivos do trabalho. Sem um problema e uma necessidade claros, a avaliação fica dependente do gosto de quem comenta.² Esse é o ponto de partida do nosso roteiro.

Entender: a primeira tela dá contexto?

Uma pessoa que ainda não conhece a empresa precisa descobrir onde chegou e por que aquilo pode interessá-la. Nome, imagem, texto e navegação devem ajudar a formar essa leitura. Na apresentação do ENTREMA, o nome da marca, o litoral e os capítulos do percurso fazem parte dessa construção.

A pergunta prática é: depois de explorar o começo da página, como a pessoa descreveria o que encontrou? Peça uma explicação com as palavras dela, sem antecipar a resposta. Observe se ela identifica o tipo de lugar, a proposta e os caminhos disponíveis. Um elogio à fotografia não responde sozinho a essas questões.

Para uma empresa de serviços, a mesma leitura pode procurar oferta, público atendido e exemplos de trabalho. Para um produto, pode procurar finalidade, disponibilidade e o que é demonstração. O conteúdo muda; a necessidade de contexto permanece.

Uma mudança pode ficar visível num recorte anotado: o título passou a explicar o assunto? A legenda resolveu uma ambiguidade? A navegação usa termos que o visitante reconhece? Registre a decisão e o que ainda precisaria ser observado com pessoas.

Escolher: as diferenças aparecem quando importam?

Depois de entender a proposta, o visitante pode precisar comparar opções. No ENTREMA, a página de acomodações oferece uma comparação entre Jardim, Horizonte e Encontro, com hóspedes, camas, paisagem e privacidade.³ A tabela é uma decisão de conteúdo: apresenta critérios equivalentes para perguntas diferentes.

Uma tarefa ilustrativa seria: “Você viaja com mais três pessoas. Encontre uma configuração em que o grupo possa ficar junto e veja como as camas se distribuem.” Evite transformar isso em “clique em Encontro”: a segunda formulação entrega o caminho que queremos avaliar.

Observe onde a pessoa procura, o que compara e o que precisa deduzir. Se ela encontra uma resposta, anote qual informação a sustentou. Se não encontra, registre a lacuna. Não converta uma observação isolada numa taxa de sucesso do público inteiro.

O método também vale para planos, serviços ou projetos: a informação precisa ajudar a escolher com base em diferenças relevantes. No artigo sobre site e WhatsApp, aprofundamos quais respostas podem aparecer antes do contato.

Continuar: a chamada explica o próximo passo?

Um botão evidente precisa levar a um destino coerente. “Conhecer a casa”, “Planejar estadia” e “Conversar sobre um projeto” criam expectativas distintas. Vale conferir se o texto da ação corresponde ao que acontece depois.

No conceito ENTREMA, planejar a estadia permite explorar preferências. Isso não confirma disponibilidade, tarifa ou reserva. Essa diferença deve ficar compreensível para quem usa a demonstração. O mesmo cuidado se aplica a formulários reais: a pessoa está enviando um pedido, contratando um serviço ou apenas iniciando uma conversa?

Teste o caminho completo, sem executar pagamentos ou enviar solicitações desnecessárias. Verifique mensagens de retorno, opções de corrigir informações e o comportamento de voltar. Uma captura do botão não comprova que o percurso funciona.

O que uma imagem não consegue demonstrar

Um print não testa teclado, tamanho dos controles, leitura com zoom, resposta ao toque ou movimento reduzido. Esses pontos precisam ser examinados no site em funcionamento, em condições definidas.

O W3C explica que o foco visível ajuda quem usa teclado a saber qual elemento está selecionado.⁴ Percorra os controles com Tab e observe o indicador. Essa verificação é útil, mas não equivale a uma auditoria completa de acessibilidade.

Velocidade também precisa de medição. Os Core Web Vitals observam carregamento, resposta à interação e estabilidade visual.⁵ Uma versão com aparência mais leve não é necessariamente mais rápida. Registre página, dispositivo e condições do teste; diferencie uma medição de laboratório dos dados de uso real, quando estiverem disponíveis.

Preferir uma versão e conseguir usá-la são perguntas diferentes

O Nielsen Norman Group distingue métodos voltados à percepção visual daqueles que observam comportamento.⁶ “Qual versão você prefere?” pode ajudar a discutir expressão de marca. Para investigar uso, precisamos observar uma tarefa.

Escreva o objetivo, use versões comparáveis e evite ensinar o caminho durante a atividade. Se a mesma pessoa vê duas versões, a primeira pode ensiná-la a usar a segunda; a ordem precisa ser considerada. O guia de testes de usabilidade do NN/g também destaca a importância de tarefas e instruções que não conduzam a resposta.⁷

Não é necessário produzir uma promessa numérica para encontrar algo importante. “A pessoa procurou a capacidade na descrição e só a encontrou na comparação” é uma observação útil. Ela gera uma hipótese de melhoria, que pode ser implementada e verificada novamente. Já afirmar aumento de conversão exige uma medição apropriada, com contexto e amostra compatíveis.

Um roteiro para discutir o próximo site

Baixe o roteiro de avaliação por tarefas. O arquivo reúne entender, escolher e continuar, além de verificações de interação. Há campos para objetivo, evidência observada, dúvida e próxima ação. Não há uma nota automática que declare o site bom ou ruim.

Use o roteiro para conversar com a equipe, preparar um briefing ou avaliar uma proposta de redesign. Registre o que a comparação demonstra, o que é hipótese e o que ainda não foi testado. Essa distinção ajuda a escolher prioridades e a discutir investimento com mais clareza.

A aparência merece cuidado. A pergunta que completa o antes e depois é o que esse cuidado permite compreender, escolher e fazer.