Section 5: Galería de productos (vista de comparación A/B)
Propósito de la galería de productos
La galería de productos es la vista principal de generación de confianza en CatalogPilot.
Aquí los comerciantes pueden ver claramente, de un vistazo, qué ha cambiado CatalogPilot, por qué lo cambió y cómo esos datos serán interpretados por motores de búsqueda y sistemas de IA — sin estar obligados a editar o aprobar cada campo individual.
La galería no es una cola de revisión ni una compuerta de flujo de trabajo.
Es un espacio de comparación visual e inspección diseñado para reducir el esfuerzo cognitivo mientras aumenta la confianza.
Cómo está estructurada la galería
Cada producto se abre en un diseño de comparación de tres columnas, con una distinción clara entre contenido orientado a humanos y contenido legible por máquinas.
Significado de las columnas
Columna izquierda — Contexto humano
Representa lo que un comerciante reconoce tradicionalmente:
- Título del producto
- Título alternativo
- Descripción corta (móvil)
- Descripción larga
- Imagen principal del producto
Esta columna refleja la intención del comerciante y la forma en que los productos se han gestionado históricamente.
Columnas central y derecha — Interpretación de máquina
Representan cómo los motores de búsqueda, los rastreadores y los sistemas de IA interpretan el producto.
Estas columnas contienen:
- Metadatos SEO estructurados
- Descripciones de imagen ADA
- Atributos alineados con schema
- Mapeos de categorías, variantes e imágenes
La iconografía sutil (indicadores humano vs crawler) refuerza visualmente esta distinción.
Esta separación ayuda a los comerciantes a entender de inmediato:
“Lo que escribo para las personas” vs “Lo que las máquinas necesitan entender”.
Alternancia Original vs Aprobado (comparación A/B)
En la parte superior de la galería, los comerciantes pueden alternar entre:
Original
Un compuesto de:
- Datos API de la plataforma
- Contenido existente del storefront
- SEO heredado o metadatos generados por aplicaciones
Esto representa el punto de partida antes del enriquecimiento de CatalogPilot.
Aprobado
La salida enriquecida, validada y estructurada de CatalogPilot.
Esta es la versión entregada a motores de búsqueda y sistemas de IA.
La alternancia permite comparar visualmente estados antes y después sin editar ni aprobar nada.
Esta comparación está diseñada para ser:
- Rápida
- Visual
- Intuitiva
— no algo que requiera leer cada campo.
Revisión de imágenes y ADA
Dentro de la galería, los metadatos de la imagen se muestran junto a la propia imagen, incluyendo:
- Título de la imagen
- Texto alternativo de la imagen
- Pie de foto de la imagen
Un icono de audio permite escuchar exactamente lo que leerá un lector de pantalla, reforzando la confianza en accesibilidad sin requerir experiencia en ADA.
En la mayoría de los casos, no se requiere edición.
El sistema utiliza análisis visual de alta precisión para describir imágenes de manera consistente y segura.
Navegación y utilidades
La galería de productos incluye varios controles ligeros de navegación y utilidades:
Flechas izquierda / derecha
Navega secuencialmente por los productos de la lista o filtro actual.
Control de contraer / expandir
Contrae la galería para volver a la vista de producto con pestañas.
Copiar al portapapeles
Copia el título del producto para usarlo en otra parte de CatalogPilot.
Enlace directo al storefront
Abre la página del producto en vivo en el storefront del comerciante en una nueva pestaña.
Estas herramientas son intencionalmente sutiles y opcionales.
Filosofía de edición (importante)
CatalogPilot no bloquea el contenido después de la aprobación.
Incluso después de que un producto esté aprobado:
- Todos los campos permanecen editables
- Los cambios pueden hacerse en cualquier momento
- Las actualizaciones son seguras por versión y no destructivas
Sin embargo, no se espera que los comerciantes editen contenido durante la revisión de la galería.
El flujo recomendado es:
- Comparar visualmente Original ↔ Aprobado
- Confirmar la mejora general
- Aprobar
- Editar más tarde solo si se desea, desde la misma vista de Galería
Esto mantiene el impulso sin sacrificar el control.
Lo que los comerciantes deben (y no deben) hacer aquí
Recomendado
- Escanear visualmente
- Alternar Original ↔ Aprobado
- Confirmar que el enriquecimiento es claramente mejor
- Avanzar con confianza
No requerido
- Leer cada campo de metadatos
- Editar texto línea por línea
- Revisar variantes, imágenes o categorías en detalle
La mayoría de los datos extendidos (variantes, imágenes, categorías) heredan de forma segura la lógica de producto aprobada y no requieren verificación manual.
