Como exibir as especificações do produto é um problema de compreensão, não de diagramação. O Baymard Institute avaliou 344 dos maiores sites de e-commerce e descobriu que 82% deles têm problemas graves de usabilidade na página de produto; a área de especificações é onde o estrago fica quieto: ninguém manda e-mail para avisar que a tabela de especificações estava ilegível. A pessoa só compra no anúncio que respondeu à pergunta dela mais rápido.
A versão curta: uma tabela de especificações e uma imagem com medidas anotadas fazem dois trabalhos diferentes, e um anúncio que vende precisa dos dois. Abaixo estão as seis perguntas que decidem qual número vai em qual lugar, respondidas com a pesquisa disponível e com o que acontece de fato nos anúncios de exportação.
Não existe uma única forma correta de exibir as especificações do produto para toda categoria. Existe uma divisão correta de trabalho entre texto e imagem, e quase todo anúncio de baixo desempenho erra essa divisão na mesma direção.
As especificações do produto vão em tabela ou na imagem?
Nas duas, e a divisão não é questão de gosto.
Uma tabela de especificações é texto legível por máquina. Os buscadores indexam, os filtros do marketplace leem, as ferramentas de tradução convertem, os leitores de tela falam e os assistentes de compra com IA extraem. Uma imagem anotada é um recurso de compreensão: ela mostra ao comprador como 42 cm aparecem ao lado de uma porta, de uma mão ou de um palete. O texto carrega o número; a imagem carrega o significado do número.
Uma imagem em escala é uma foto de produto que contém uma referência cujo tamanho o comprador já conhece —uma pessoa, uma porta, uma mão, um palete padrão— para que o tamanho seja lido em vez de calculado. Os testes da Baymard mostraram que 42% dos usuários tentam avaliar a escala e o tamanho geral de um produto pelas imagens, e que 28% dos sites avaliados não oferecem nenhuma imagem em escala. É uma fatia grande de compradores procurando uma informação que um quarto dos sites nunca entrega.
| Tabela de especificações | Imagem anotada ou em escala | |
|---|---|---|
| Função principal | Precisão e comparação | Compreensão e escala |
| Legível por máquina | Sim | Não |
| Sobrevive à tradução | Sim | Só se você reexportar por idioma |
| Responde "vai caber?" | Devagar | Na hora |
| Responde "qual é a tolerância exata?" | Sim | Não |
| Onde o comprador olha primeiro | Depois da galeria | Dentro da galeria |
Dê os dois tratamentos ao mesmo dado quando ele decide a compra. A largura total entra na tabela e na imagem. O passo de rosca entra só na tabela.
Quais especificações do produto o comprador confere primeiro?
Ele não lê de cima para baixo. Em compras de móveis, produtos industriais e materiais de construção, o comprador procura um conjunto pequeno de campos, confirma esses e só então lê o resto. Essa ordem é prática de mercado e não regra de plataforma, mas é impressionantemente consistente entre categorias.
| Nível | Campos | Por que é conferido primeiro |
|---|---|---|
| 1 | Medidas gerais, peso, capacidade | Define se cabe, quanto custa o frete e se a cotação continua |
| 2 | Material, acabamento, grau | Define a faixa de qualidade e a faixa de preço |
| 3 | Compatibilidade e encaixe (rosca, VESA, recorte, vão de instalação) | Define se funciona com o que a pessoa já tem |
| 4 | Dados de embalagem (medidas da caixa, CBM, peças por caixa) | Define o custo posto no destino |
| 5 | Certificação, norma de ensaio, garantia | Define se passa na checagem de conformidade dela |
A mesma ordem de prioridade vale quando você monta o documento para download: a sequência de campos de como fazer uma ficha técnica que o comprador lê espelha o que o comprador escaneia na página.
Quantas especificações até o comprador parar de ler?
A falha quase nunca é ter poucas especificações. É ter todas elas num bloco sem diferenciação.
A pesquisa da Baymard sobre fichas técnicas coloca números nisso: 50% dos sites têm fichas difíceis de escanear, 23% não agrupam as especificações em subseções relacionadas com título, apenas 3% usam um resumo para destacar as especificações críticas, 23% não aplicam nenhum recurso visual que ajude a escanear e 20% obrigam o usuário a ler em várias colunas. Além disso, 52% não tratam os dados enviados pelo fornecedor, então dois produtos do mesmo tipo carregam nomes de campo diferentes e unidades diferentes.
Esse último ponto é o assassino específico da exportação. Se um SKU diz "Largura 600 mm" e o seguinte diz "W: 23.6 in", o comprador para de confiar nos dois.
O que fazer no lugar disso, em ordem de retorno:
- Comece com um resumo de especificações principais de cinco a sete linhas: os campos de nível 1, nada além. Só 3% dos sites fazem isso, então é diferenciação quase de graça.
- Agrupe a tabela completa em subseções com título: Medidas, Materiais, Embalagem, Conformidade.
- Use um sistema de unidades como principal e coloque a conversão na mesma célula, não em uma coluna separada.
- Mantenha os nomes de campo idênticos em todos os SKUs de uma categoria, mesmo quando a ficha da fábrica não mantém.
Onde as medidas devem ficar na página do produto?
Em três lugares, nesta ordem.
- Na imagem. Largura, profundidade e altura totais, desenhadas sobre o produto exatamente por onde a medida corre. É a única versão que a maioria dos compradores vai ler.
- No resumo de especificações principais. Os mesmos três números como texto, com a unidade escrita por extenso.
- Na tabela completa e nos dados estruturados. É o que os filtros do marketplace e os motores de resposta com IA consomem; veja dados estruturados de medidas de produto para os campos que costumam ficar vazios.
O passo 1 é onde a maioria dos anúncios falha em silêncio, e o motivo em geral é custo de produção, não discordância. Desenhar linhas de cota exatas sobre uma foto na mão é lento e erra de um jeito específico: a seta traçada no olho cai alguns milímetros fora da borda real, e o número impresso ao lado deixa de bater com o produto. A solução não é "tire fotos melhores". É um software que trave sobre a imagem a dimensão realmente medida: encaixar a cota na borda do produto, digitar o valor real uma vez e exportar no tamanho de imagem de cada plataforma. Ferramentas que geram um gráfico de tamanho plausível sem medir nada produzem um número que parece convincente e está errado, o que é pior do que não ter número nenhum: uma medida errada na imagem principal é uma reclamação de produto diferente do anunciado esperando para ser aberta.
O mesmo arquivo costuma alimentar o catálogo e a proposta comercial, e é por isso que os exportadores tendem a montá-lo uma vez como saída de um gerador de ficha técnica de produto em vez de duas.
O que quebra quando as especificações existem só dentro da imagem?
Tudo o que vem depois do pixel.
- Busca e filtros. Um marketplace não consegue filtrar por um número que não consegue ler. Texto dentro de imagem é invisível para o filtro que decide se você aparece ou não.
- Acessibilidade. A orientação do W3C sobre imagens de texto na WCAG existe porque texto gravado dentro de uma imagem não pode ser redimensionado, reestilizado nem lido de forma confiável por tecnologia assistiva.
- Tradução. Suas 11 versões de idioma herdam a tabela de graça. A imagem precisa ser reexportada por idioma, e é exatamente por isso que os números críticos também precisam existir como texto.
- Motores de resposta com IA. Quando um assistente de compras resume seu produto, ele lê o texto. Uma especificação que só existe como pixel não entra na resposta.
- Miniaturas. Texto dimensionado para a visualização em tela cheia some na tira de miniaturas da galeria; as regras de tamanho do texto em imagens de produto decidem se a anotação sobrevive no tamanho de bloco.
A regra que sai daí: todo número que o comprador possa filtrar, comparar ou cotar precisa existir como texto em algum lugar da página, mesmo quando também está desenhado na imagem.
Alguma coisa muda no celular?
A ordem das operações muda. Como exibir as especificações do produto num celular é decidido pela galeria, porque no mobile a galeria é a página e a tabela de especificações fica a vários scrolls de distância, muitas vezes atrás de um toque.
Dois achados da Baymard importam aqui: 25% dos sites de e-commerce não têm imagens de produto com resolução ou nível de zoom suficientes, e 76% dos sites mobile não usam miniaturas para as imagens adicionais, então o comprador nem consegue ver que existe uma imagem com medidas. Juntos, eles descrevem a falha mais comum: o vendedor fez um bom desenho de medidas e, no celular, ninguém achou nem conseguiu ler.
Consequências práticas:
- Coloque a imagem de medidas na posição 2 ou 3 da galeria, não na 7.
- Projete a anotação para sobreviver a uma primeira visualização em tamanho de bloco e recompense o zoom com o detalhe.
- Mantenha o resumo de especificações principais acima da dobra no celular, não abaixo de um bloco de avaliações.
Como exibir as especificações do produto: auditoria de 10 linhas
Rode isto em um anúncio antes de aplicar as mudanças no catálogo inteiro.
- A galeria tem pelo menos uma imagem em escala com um objeto de referência familiar
- As medidas gerais aparecem em uma imagem, em um resumo e na tabela completa
- O resumo de especificações principais tem de cinco a sete linhas e vem antes da tabela completa
- A tabela completa está agrupada em subseções com título
- Os nomes de campo e as unidades são idênticos em todos os SKUs da categoria
- A unidade principal e a conversão ficam na mesma célula
- Nenhum número crítico existe apenas como pixel
- A imagem de medidas está na posição 2 ou 3 da galeria
- A anotação é legível no tamanho de miniatura
- Os dados estruturados trazem largura, altura, profundidade e peso
Resumo de consulta rápida
| Pergunta do comprador | Onde a resposta deve estar | Formato |
|---|---|---|
| Qual é o tamanho real? | Imagem da galeria, posição 2-3 | Foto em escala com linhas de cota |
| Vai caber no meu espaço? | Imagem mais resumo de especificações principais | Largura x profundidade x altura totais anotadas |
| Do que é feito? | Resumo de especificações principais | Texto, uma linha |
| Combina com o que eu já tenho? | Tabela completa, seção Compatibilidade | Texto mais tolerância |
| Quanto me custa enviar uma caixa? | Tabela completa, seção Embalagem | Texto, medidas da caixa e CBM |
| É certificado para o meu mercado? | Tabela completa, seção Conformidade | Número da norma, não um logo |
Perguntas frequentes
Devo exibir as especificações do produto em tabela ou na descrição?
Em tabela. Descrições em prosa escondem os números dentro das frases, o que é lento de escanear e difícil de extrair para filtros e assistentes de IA. Deixe a descrição para o contexto (casos de uso, opções de acabamento, prazo de entrega) e mova todo dado mensurável para uma tabela agrupada.
Onde as medidas devem aparecer em um anúncio de produto?
Na imagem primeiro, depois em um resumo de especificações principais de cinco a sete linhas, e por fim na tabela completa e nos dados estruturados. O comprador lê a imagem; as máquinas leem o texto; você precisa dos dois para converter e para ser encontrado.
Quantas especificações um anúncio deve mostrar?
Todas, mas não todas de uma vez. Comece pelos cinco a sete campos que decidem a compra e entregue o conjunto completo em uma tabela agrupada logo abaixo. A Baymard constatou que apenas 3% dos sites usam um resumo de especificações principais, e é por isso que os que usam parecem visivelmente mais fáceis de ler.
Os compradores leem ficha técnica no celular mesmo?
Eles leem a galeria no celular e a tabela no desktop, e é por isso que as medidas críticas precisam existir nos dois lugares. Com 76% dos sites mobile falhando em mostrar miniaturas das imagens adicionais, um desenho de medidas enterrado na posição 7 da galeria praticamente não existe no celular.
Posso colocar todas as especificações na imagem do produto?
Não. Texto gravado dentro de uma imagem não pode ser filtrado, traduzido, redimensionado nem lido por tecnologia assistiva, e some no tamanho de miniatura. Desenhe na imagem os dois ou três números que decidem se cabe, e mantenha todos os números também como texto. Se desenhar linhas de cota exatas é o gargalo, esse é um problema de produção que vale resolver com anotação baseada em medição real, e não abrindo mão da imagem.
Fontes e referências
- Baymard Institute — Usabilidade da página de produto: 82% dos sites têm problemas graves de UX, benchmark de 344 sites líderes
- Baymard Institute — Fichas técnicas de produto: 50% dos sites erram na escaneabilidade, mais os achados sobre agrupamento, resumo, estilo visual e colunas
- Baymard Institute — Ofereça pelo menos uma imagem em escala: 28% dos sites não oferecem e 42% dos usuários avaliam a escala pelas imagens
- W3C — Entendendo o critério de sucesso WCAG 1.4.5 Imagens de Texto
- Schema.org — Product: propriedades width, height, depth e weight para dados estruturados de produto
- GS1 — Padrão Mobile Ready Hero Images: legibilidade das informações do produto no tamanho de bloco