Audite uma página de detalhes do produto em 12 verificações, cada uma com um limite de aprovação.

Audite uma página de detalhes do produto em 12 verificações, cada uma com um limite de aprovação.

A maioria das avaliações de páginas de produtos termina em uma lista de opiniões. Alguém diz que a galeria parece apertada, outro defende as abas, e nada se chega a uma conclusão. Esta ferramenta, por outro lado, apresenta uma rubrica: doze itens de verificação, cada um com um limite de aprovação definido, pontuados de 0 a 2, resultando em uma pontuação total de 24 que dois auditores trabalhando separadamente devem concordar, com uma margem de erro de um ou dois pontos. Ela é destinada a equipes de UX e CRO que trabalham em páginas de detalhes de produtos de e-commerce. O benchmark do Baymard Institute, que analisou mais de 155 sites líderes dos EUA e da Europa, constatou... 62% dos sites para dispositivos móveis O desempenho na experiência do usuário (UX) da página do produto foi "medíocre ou pior", e nenhum produto obteve nota máxima. Suponha que o seu tenha encontrado resultados negativos. A questão é quais são esses resultados e qual a gravidade deles.

Como funciona a pontuação

Cada verificação é pontuada em relação a um limite mínimo definido antes de você abrir a página. 2 Significa que atende a esse limite tanto em dispositivos móveis quanto em computadores. 1 parcialmente ou em apenas um ponto de interrupção, 0 que falha ou está ausente.

Auditar o modeloNão se trata de um único produto: escolha três SKUs que o destaquem de maneiras diferentes — um item simples, um item com muitas variantes e um item parcialmente indisponível — e considere a menor pontuação em cada verificação. Uma PDP que só funciona para o SKU mais simples não é uma PDP funcional.

Bandas: 20-24O modelo está correto e o problema de conversão está em outro lugar. 14-19Corrija os zeros antes de executar outro teste aqui. 0-13O gargalo está no modelo, e testar elementos sobre ele produzirá resultados insatisfatórios.

Etapa 1: eles conseguem entender o que é o produto?

Verificação 1 - Configuração e zoom da imagem. Limiar: pelo menos cinco imagens cobrindo todos os lados, uma foto de detalhe em nível de material, uma que estabeleça a escala e um zoom que revele detalhes reais. A Baymard descobriu que 25% dos sites não possuem resolução ou zoom suficientes e 37% não fornecem nenhuma imagem em escala. A escala é o aspecto que as equipes ignoram, e o que gera resultados.

Verificação 2 - Visibilidade da imagem em dispositivos móveis. Limiar: imagens adicionais são visíveis como miniaturas ou um indicador de posição, sem que o usuário precise deslizar para descobrir que existem. 76% dos sites para dispositivos móveis não exibem miniaturas, portanto a galeria fica invisível para quem não adivinha.

Verificação 3 - Descrição e especificações legíveis por scanner. Critério fundamental: a descrição responde às cinco perguntas mais frequentes na caixa de entrada do seu suporte para essa categoria, e as especificações aparecem como uma lista de atributos fácil de ler, não como um texto prosaico. A Baymard classifica 50% dos sites como tendo problemas com a legibilidade das especificações. Considere as cinco perguntas obtidas por meio de tickets de suporte ou buscas no site, não em um workshop.

Portão 2: eles conseguem selecionar a variante correta?

Verificação 4 - Os controles de variantes estão expostos. Limiar: tamanho, cor e outras opções são exibidas como botões ou amostras visíveis, e não como um menu suspenso que o usuário precisa abrir. 57% dos sites não usam botões para seleção de tamanho. Um menu suspenso fechado oculta as opções e indica quais estão indisponíveis.

Verificação 5 - Sincronização de dados de variantes. Limiar: selecionar uma variante atualiza o preço, a imagem, o status do estoque e a previsão de entrega simultaneamente, sem valores desatualizados na tela. 28% dos sites não conseguem sincronizar os dados entre as variações. Isso geralmente revela um problema na arquitetura do front-end, e não um problema de design.

Verificação 6 - Tratamento de variantes indisponível. Limiar: variantes fora de estoque permanecem visíveis e desativadas com uma justificativa, e a página oferece uma próxima ação — um alerta de reposição, uma alternativa mais próxima ou uma encomenda pendente. 68% dos sites não permitem que os usuários comprem produtos temporariamente fora de estoque. Remover a opção silenciosamente é a pior opção: o usuário não consegue saber se o tamanho está disponível.

Etapa 3: eles conseguem calcular o total real?

Este portão gera a maior receita e a maior exposição regulatória. Com base em 50 estudos agregados, a Baymard estima que a taxa média de abandono de carrinhos seja de 70.22%Entre os motivos alegados, o custo adicional excessivo lidera com 40%. A maioria desses custos pode ser consultada na página do produto e divulgada no momento da finalização da compra.

Verifique o item 7 - Custo e data de entrega antes de adicionar ao carrinho. Limiar: custo estimado de entrega e data de chegada, para a localização provável do usuário, visível sem interação. 43% dos sites não exibem custos de envio estimados. Se as taxas dependerem do endereço, mostre uma estimativa da região padrão com a devida identificação.

Confira o item 8 - Apresentação de preços e referência de descontos. Limiar: o total exibido inclui todos os impostos; qualquer comparação "antes/agora" utiliza um preço de referência justificável; e, quando as parcelas são mostradas, o preço total, o número de parcelas e o valor por parcela aparecem juntos em tamanho legível.

Aqui convergem duas regras. Na UE, o Artigo 6a da Diretiva 98/6/CE exige que uma redução de preço anunciada indique o preço anterior, definido como o preço mais baixo praticado nos 30 dias anteriores, no mínimo. A regulamentação da publicidade na Turquia aplica a mesma lógica do preço mais baixo dos últimos 30 dias e, adicionalmente, regula a exibição de parcelamento. Essa cláusula não é uma mera formalidade: o regulador destaca o parcelamento precisamente porque ele é comum no comércio eletrônico turco, de modo que uma página de detalhes do produto (PDP) que oculta o valor da parcela atrás de um modal esconde um valor que os compradores escolhem.

Verificação 9 - Política de devolução em uma única interação. Ponto crucial: o prazo para devolução e quem paga o frete de devolução são acessíveis com um único toque, sem precisar acessar o rodapé. 44% dos sites não exibem ou incluem um link para a política de devolução na página do produto, e uma política insatisfatória é um dos motivos de abandono para 13% dos usuários.

Portão 4: será que todos conseguem operá-lo?

Verificação 10 - Tamanho alvo. Limiar: todo controle interativo — amostras de cores, indicadores de quantidade, setas de galeria, filtros de avaliação — deve ter pelo menos 24 por 24 pixels CSS, ou ser espaçado de forma que um círculo de 24 pixels centrado nele não intercepte um elemento vizinho. Isso está de acordo com o WCAG 2.2 SC 2.5.8, Nível AA. Amostras de cores e indicadores de quantidade são os elementos que mais frequentemente não atendem a esse requisito.

Verificação 11 - Capacidade de resposta à interação. Limiar: A interação com a próxima pintura no 75º percentil dos dados de campo para o modelo PDP é de 200 ms ou menos; acima de 500 ms é considerado ruim. Use dados de campo, não de laboratório: a troca de variantes e a interação na galeria são os pontos fracos do PDP INP, e testes sintéticos não os simulam.

Verificação 12 - Analisar a qualidade das evidências. Critérios: um resumo da distribuição de avaliações está presente, as imagens das avaliações podem ser visualizadas em todas as avaliações e a página informa como as avaliações são coletadas e se são verificadas. 65% dos sites erram na distribuição. Um produto com nota 4.4, composto por avaliações 5 e 1, é diferente de um produto com nota 4.4, composto por avaliações 4 e 5.

Folha de pontuação

#VerifiqueLimiar de aprovação (pontuação 2)Portão
1Conjunto de imagens e zoomMais de 5 imagens, uma em escala, o zoom adiciona detalhes.Compreendo
2Descoberta de imagens em dispositivos móveisMiniaturas ou indicador de posição visíveisCompreendo
3Descrição e especificaçõesRespostas às 5 principais perguntas de suporte; especificações digitalizáveisCompreendo
4Controles de variantesOpções visíveis como botões ou amostras.Selecionar
5Sincronização de variantesAtualização conjunta de preço, imagem, estoque e entrega.Selecionar
6Variantes indisponíveisVisível, desativado, motivo fornecido, próxima açãoSelecionar
7Custo e data de entregaAmbos estimados em PDP sem interaçãoCusto total
8Referência de preço e descontoImpostos incluídos; referência de menor valor em 30 dias; parcelamento em três vezes.Custo total
9Política de devoluçãoA janela e quem paga, a apenas uma interação de distância.Custo total
10Tamanho alvoEspaçamento CSS de 24x24 pixels ou equivalente (WCAG 2.2 AA)Operar
11Capacidade de RespostaCampo INP p75 em ou abaixo de 200 msOperar
12Revisar evidênciasDistribuição mostrada, imagens navegáveis, coleção divulgada.Operar

Um exemplo prático

Um exemplo ilustrativo construído a partir dos padrões de falha acima, e não de uma auditoria de cliente: varejista de vestuário de médio porte, três SKUs, pontuação mais baixa por verificação.

Compreender: 2 + 0 (deslizar às cegas) + 1 (especificações em prosa) = 3/6. Selecionar: 2 + 1 (estimativa de entrega desatualizada) + 0 (tamanhos desaparecem) = 3/6. Custo total: 0 + 1 (total da parcela apenas em um modal) + 1 (devoluções no rodapé) = 2/6. Operar: 0 (amostras a 20 px) + 1 (INP p75 340 ms) + 1 (sem distribuição) = 2/6.

Total: 10/24. Isso não é "executar um teste de título". É uma correção de modelo focada nos quatro itens com zeros, nesta ordem: estimativa de entrega, tamanhos que desaparecem, tamanho alvo da amostra, galeria móvel. Três dos quatro são chamados de engenharia, não de design, que geralmente é o resultado real. [DADOS INTERNOS NECESSÁRIOS: Pontuações medianas de aprovação da Switas em todos os PDPs auditados e movimentação de conversão após correções na Etapa 3.]

O que fazer com a pontuação

Corrija todos os zeros antes de testar qualquer coisa na página: um experimento executado em uma etapa com problema mede a falha, não sua hipótese. Os uns representam seu backlog de testes — reais, mas com uma correção discutível. Reavalie após o lançamento das correções, nos mesmos três SKUs.

Onde essa rubrica falha

Foi desenvolvido para o varejo de bens físicos. Bens digitais, assinaturas, inventário de viagens e produtos B2B configuráveis ​​têm atributos decisivos diferentes, e o Critério 3 não se aplica: uma página de hotel ou voo tem preços que variam conforme a data, algo que este critério não modela. Ele também ignora a aquisição — nada aqui avalia a completude dos dados estruturados, que rege a elegibilidade do comerciante para listagem. E ele informa o que não atinge um limite mínimo estabelecido, não por que um determinado usuário hesitou: ele substitui a rodada de opiniões, não os testes de usabilidade.

Perguntas frequentes

Quanto tempo demora essa auditoria?

São necessários cerca de 40 minutos por SKU depois que os limites são definidos, o que dá aproximadamente duas horas para um modelo. A maior parte desse tempo é gasto na Etapa 3, porque a lógica de entrega e parcelamento varia de acordo com o tipo de produto.

Quem deveria administrá-lo?

Duas pessoas avaliam os mesmos três SKUs de forma independente e, em seguida, conciliam apenas as avaliações em que divergem em mais de um ponto. As avaliações de um único auditor tendem a seguir o que for importante para esse auditor.

Uma pontuação baixa comprova que o PDP está nos custando dinheiro?

Não. Mostra quais etapas não atingem os limites estabelecidos por pesquisas publicadas. O link para a receita vem dos seus próprios dados de funil de vendas. A rubrica indica onde procurar, não o valor que isso representa.

Em que isso difere de uma auditoria de acessibilidade?

Apenas a Verificação 10 é um critério formal de conformidade. Uma auditoria completa das WCAG também abrange a operação do teclado, a ordem de foco, o contraste e a rotulagem de formulários. Considere-a como um sinal de que uma auditoria de acessibilidade está próxima, e não como prova de que você foi aprovado.

Nossa página de detalhes do produto (PDP) é gerada por um marketplace ou plataforma SaaS. Isso ainda é útil?

Sim, com o escopo mais restrito. Avalie tudo e, em seguida, divida as descobertas entre o que você controla — imagens, descrição, especificações, coleta de avaliações — e o que a plataforma controla. Os itens com pontuação zero controlados pela plataforma se tornam uma conversa com o fornecedor, com as devidas evidências.

As regras turcas de exibição de preços se aplicam se vendermos apenas no mercado interno?

Sim, independentemente de onde mais você venda, incluindo o preço de referência mais baixo dos últimos 30 dias e a exigência de exibição de parcelamento. A regra da UE se aplica somente se você vender para a UE; se vender para ambos os países, implemente a interpretação mais rigorosa apenas uma vez.

Execute-o em seu próprio catálogo.

Avalie três SKUs do seu próprio modelo de PDP esta semana e veja se o número está dentro do esperado. Se preferir uma análise mais completa, com as descobertas mapeadas para chamados de engenharia e os dados do seu funil de vendas anexados, Fale conosco sobre uma auditoria de UX..

Fontes


Artigos Relacionados

Switas como visto em

Magnify: Escalonando o marketing de influência com Engin Yurtdakul

Confira nosso estudo de caso do Microsoft Clarity

Destacamos o Microsoft Clarity como um produto desenvolvido com casos de uso práticos e reais em mente, por profissionais de produto que entendem os desafios enfrentados por empresas como a Switas. Recursos como cliques de raiva e rastreamento de erros em JavaScript se mostraram essenciais para identificar frustrações dos usuários e problemas técnicos, permitindo melhorias direcionadas que impactaram diretamente a experiência do usuário e as taxas de conversão.