Section 5: Galeria de produtos (visualização de comparação A/B)

Objetivo da galeria de produtos

A Galeria de Produtos é a principal visualização de construção de confiança no CatalogPilot.

É aqui que os lojistas conseguem ver claramente, de relance, o que o CatalogPilot mudou, por que mudou e como esses dados serão interpretados por mecanismos de busca e sistemas de IA — sem serem obrigados a editar ou aprovar cada campo individualmente.

A Galeria não é uma fila de revisão e não é um gate de workflow.

Ela é um espaço de comparação visual e inspeção projetado para reduzir o esforço cognitivo enquanto aumenta a confiança.

Como a galeria é estruturada

Cada produto abre em um layout de comparação de três colunas, com uma distinção clara entre conteúdo voltado para humanos e conteúdo legível por máquinas.

Significado das colunas

Coluna esquerda — Contexto humano

Representa o que um lojista tradicionalmente reconhece:

• Título do produto
  
• Título alternativo
  
• Descrição curta (mobile)
  
• Descrição longa
  
• Imagem principal do produto
  

Essa coluna reflete a intenção do lojista e a forma como os produtos eram gerenciados historicamente.

Colunas central e direita — Interpretação por máquina

Representam como mecanismos de busca, crawlers e sistemas de IA interpretam o produto.

Essas colunas contêm:

• Metadados de SEO estruturados
  
• Descrições de imagem ADA
  
• Atributos alinhados ao schema
  
• Mapeamentos de categoria, variantes e imagens
  

Uma iconografia sutil (indicadores humano vs crawler) reforça visualmente essa distinção.

Essa separação ajuda os lojistas a entender imediatamente:

“O que eu escrevo para pessoas” vs “O que as máquinas precisam entender”.

Alternância Original vs Aprovado (comparação A/B)

No topo da Galeria, os lojistas podem alternar entre:

Original

Um composto de:

• Dados da API da plataforma
  
• Conteúdo existente da storefront
  
• SEO legado ou metadados gerados por apps
  

Isso representa o ponto de partida antes do enriquecimento do CatalogPilot.

Aprovado

A saída enriquecida, validada e estruturada do CatalogPilot.

Esta é a versão entregue para mecanismos de busca e sistemas de IA.

A alternância permite comparar visualmente o antes e depois sem editar ou aprovar nada.

Essa comparação foi projetada para ser:

• Rápida
  
• Visual
  
• Intuitiva
  

— e não algo que exija ler cada campo.

Revisão de imagem e ADA

Na Galeria, os metadados de imagem são exibidos ao lado da própria imagem, incluindo:

• Título da imagem
  
• Texto alternativo da imagem
  
• Legenda da imagem
  

Um ícone de áudio permite que os lojistas ouçam exatamente o que um leitor de tela lerá, reforçando a confiança em acessibilidade sem exigir expertise em ADA.

Na maioria dos casos, nenhuma edição é necessária.

O sistema usa análise visual de alta precisão para descrever imagens de forma consistente e segura.

Navegação e utilitários

A Galeria de Produtos inclui controles leves de navegação e utilitários:

Setas esquerda / direita

Navegam sequencialmente pelos produtos da lista ou filtro atual.

Controle de recolher / expandir

Recolhe a Galeria para retornar à visualização de produto com abas.

Copiar para a área de transferência

Copia o título do produto para uso em outras áreas do CatalogPilot.

Link direto para a storefront

Abre a página do produto ao vivo na storefront do lojista em uma nova aba.

Essas ferramentas são intencionalmente sutis e opcionais.

Filosofia de edição (importante)

O CatalogPilot não bloqueia o conteúdo após a aprovação.

Mesmo depois que um produto é aprovado:

• Todos os campos permanecem editáveis
  
  
• Alterações podem ser feitas a qualquer momento
  
  
• Atualizações são seguras por versão e não destrutivas
  
  

No entanto, não se espera que os lojistas editem conteúdo durante a revisão na Galeria.

O fluxo recomendado é:

• Comparar visualmente Original ↔ Aprovado
  
• Confirmar a melhoria geral
  
• Aprovar
  
• Editar mais tarde apenas se desejado, na mesma Galeria
  

Isso mantém o ritmo sem sacrificar o controle.

O que os lojistas devem (e não precisam) fazer aqui

Recomendado

• Fazer uma leitura visual
  
• Alternar Original ↔ Aprovado
  
• Confirmar que o enriquecimento está claramente melhor
  
• Avançar com confiança
  

Não é necessário

• Ler cada campo de metadados
  
• Editar texto linha por linha
  
• Revisar variantes, imagens ou categorias em detalhe
  

A maior parte dos dados estendidos (variantes, imagens, categorias) herda com segurança da lógica de produto aprovada e não exige verificação manual.