Cómo preparar vídeos para tarjetas de una colección de productos
Equipo Drizzle ·
Una cuadrícula de productos tiene menos espacio que una ficha. El vídeo de cada tarjeta debe conservar una identidad clara al lado de otros artículos. Revisa el conjunto completo, porque una pieza correcta por separado puede dominar o desordenar la colección al colocarse junto a las demás.
Fija una regla de encuadre para la colección
Supón una colección de jarrones con formas distintas. Decide si las tarjetas mostrarán cada pieza completa sobre un fondo parecido o un detalle concreto acompañado de una foto general. La regla debe ayudar a reconocer qué artículo corresponde a cada nombre. No obligues a todos los jarrones a parecer del mismo tamaño si esa escala confunde su proporción real. Prepara una hoja con las portadas previstas y sus referencias. Mirarlas juntas permite detectar enseguida una variante cambiada o una pieza cuyo borde queda fuera del espacio disponible.
Revisa el movimiento en un espacio pequeño
Carga los clips en una maqueta de la cuadrícula o en una página de prueba. Un giro amplio puede resultar difícil de seguir cuando varias tarjetas se mueven a la vez. Considera una portada estática con reproducción a petición si tu tienda ofrece esa opción. Los clips de Drizzle deben revisarse por separado antes de integrarlos, pero la decisión de cuándo reproducirlos pertenece al componente de la tienda. Evita dar por hecho que una configuración sirve para todos los tamaños de pantalla. Comprueba también qué ocurre cuando una tarjeta no carga su vídeo.
En la web, WCAG 2.2.2 exige poder pausar, detener u ocultar el movimiento que empieza automáticamente, dura más de cinco segundos y aparece junto a otro contenido, salvo que sea esencial. Un bucle decorativo de catálogo necesita revisar ese control; no basta con quitarle el sonido.
Mantén la identidad fuera del archivo
El nombre del producto y la variante deben seguir escritos en la tarjeta; no los dejes únicamente como rótulos dentro del vídeo. Para los jarrones, «Jarrón bajo, arena» identifica mejor que un nombre de archivo invisible para quien navega. Si el diseño recorta las portadas, comprueba que no convierte dos formas distintas en siluetas casi iguales. Mantén una imagen de respaldo que represente el mismo artículo. Entrega una tabla sencilla con referencia, vídeo y portada, de modo que quien carga el catálogo no tenga que relacionarlos por parecido visual.
Comprueba la navegación del conjunto
Abre la colección en móvil y recorre todas las tarjetas. Pulsa una y confirma que la ficha muestra el mismo acabado que acabas de ver. Acepta la preparación cuando cada artículo conserva su identificación, los clips no tapan nombres o controles y la imagen de respaldo mantiene la correspondencia. Revisa también la colección con la reproducción detenida: debería seguir siendo utilizable. Si un vídeo necesita una explicación larga para distinguir el producto, reserva esa pieza para la ficha. La guía de vídeo en ficha ayuda a darle un espacio donde el detalle pueda verse con claridad.