En este artículo, te ayudaré a entender mejor la tecnología de giros de 360º, para que sepas cuándo y cómo presentar tus productos de la mejor manera posible, y que tu negocio y tus clientes se beneficien de ello.
La fotografía de producto en 360º (también denominada fotografía en 360°, giro de 360°, packshot en 360° o fotografía de giro) es un tipo de contenido de producto que consiste en capturar y presentar los productos desde diferentes ángulos. Se utiliza principalmente en el e-commerce, en las páginas de los productos y en las redes sociales, para dar más información sobre el producto y atraer a potenciales clientes.
Un Poco de Historia
¿Sabías que los giros de productos en 360º fueron desarrollados por primera vez por Apple? En 1994, Apple presentó la tecnología Quick Time Virtual Reality (QTVR). Aunque QTVR se centró principalmente en las panorámicas en 360°, también incluyó una especificación para los clips de objetos QTVR.
El Objetivo Principal
El principal objetivo de la fotografía de producto en 360º es proporcionar más información sobre el mismo a los consumidores. En los últimos años, la fotografía en 360° ha evolucionado hacia variantes más avanzadas de presentación de productos que ofrecen aún más información: giros en 360° con zoom profundo, giros en 3D (giros multifila), animaciones de productos y visitas de productos.
🥾📸 Fotografia de productos 360 grados con Foldio360 Extention Kit de Orangemonkie | Julian Marinov
Tipos de Giros en 360º
Giros Interactivos vs. No Interactivos
En la actualidad, los giros en 360° suelen ser interactivos, en los que el usuario puede arrastrar un objeto con el ratón para girarlo, pero todavía se pueden encontrar aplicaciones para giros no interactivos. Tradicionalmente, los giros de productos no interactivos utilizaban el formato GIF. La mayor ventaja de una animación GIF es la de disponer de un giro de nuestro producto en un archivo de imagen ampliamente utilizado y compatible con cualquier navegador web, cliente de correo electrónico y todo tipo de software en general.
Los giros interactivos en 360° permiten girar libremente el objeto mientras se arrastra el ratón o se mueve el dedo sobre el giro. Los giros en 360° más avanzados también permiten hacer zoom sobre un producto para verlo con más detalle, gracias a la tecnología Deep Zoom. La mayor ventaja de los giros interactivos es que proporcionan una experiencia del producto más completa, al permitir a los clientes «jugar con el producto» para conocerlo mejor.
Giro en 3D Multifila
El giro en 3D multifila es una variación de la técnica estándar de giro del producto en 360° en la que las imágenes del producto se toman también desde varios ángulos verticales o filas. Por lo general se toman 2-3 filas adicionales para los giros semiesféricos (se puede ver el producto 360° en horizontal y 180° en vertical) y 4-6 filas para los giros esféricos (vista completa de 360° en horizontal y vertical).
Así podemos ofrecer la máxima información sobre un producto, mostrándolo desde cada lado y revelando características ocultas en los lados superior e inferior. Sus mayores desventajas son la complejidad y el coste, ya que los giros en 3D requieren de un equipo de fotografía de producto adecuado (es decir, software especializado, plataforma giratoria para fotografía, brazo 3D y normalmente varias cámaras). El tamaño de los archivos también puede ser significativo, y requiere un script de visualización de giros en 3D dedicado que pueda manejar una gran cantidad de datos de manera eficiente para su uso en sitios web. Al no se posible darnos el lujo de disparar desde demasiados ángulos verticales, la rotación horizontal suele ser mucho más suave que la vertical.
Fotografía de Producto en 360º Doble
La fotografía de producto en 360º doble, o en dos ejes, es una combinación de dos imágenes de producto en 360°, una horizontal estándar y otra vertical. Técnicamente funciona exactamente igual que el giro en 360°, pero es más difícil de captar.
Animaciones de Productos en Time-Lapse
La tecnología de fotografía de productos en 360° también puede utilizarse para crear animaciones de productos en time-lapse, en las que se muestran características específicas de su producto mediante animaciones. Por supuesto, se puede combinar con un giro en 360º del producto. Así se puede brindar mucha más información sobre las características del producto, especialmente sobre las partes móviles.
Visitas Virtuales de Productos
Las visitas virtuales de productos son la forma más novedosa de presentar un producto utilizando imágenes de productos en 360°. Combinando imágenes de productos en 360° con packshots y vídeos es posible crear vistas predefinidas de sus artículos, así como puntos interactivos que muestren las características más importantes de los productos.
Aunque se trata de una categoría de contenido diferente a la de los giros de 360º, es posible utilizar la tecnología del visor de 360º para mostrar un clip de vídeo. El usuario puede reproducir y rebobinar el vídeo de forma interactiva, detenerse en un fotograma determinado y hacer zoom para ver los detalles, algo difícil de hacer con los típicos archivos de vídeo. Las animaciones realizadas a partir de vídeos suelen tener un gran número de imágenes (fotogramas) y requieren de un visor especializado (por ejemplo, Orbitvu Viewer) capaz de cargar los fotogramas individuales dinámicamente bajo demanda. Esto permite mostrar la vista previa rápidamente y cargar las imágenes bajo demanda al interactuar con la imagen.
Es muy común en la industria de la moda, para mostrar fotos interactivas de los modelos. Su gran ventaja es la posibilidad de mostrar cómo luce la ropa en un modelo humano. El consumidor puede conocer mejor la textura del material y su dinámica, ver cómo se dobla, se arruga y actúa con el aire.
Las vistas de productos en 360° pueden reducir la brecha entre la experiencia de las compras online y en el comercio minorista, donde se puede explorar, tocar y sentir el producto.
Ventajas de la Fotografía de Producto en 360º
- Clientes mejor informados: Tener productos fotografiados en 360º puede brindar mucha información sobre un producto, al mostrar las características ocultas del producto y reflejar al detalle sus formas y el material con el que se ha fabricado.
- Más confianza en la compra: Los clientes pueden experimentar los productos de una forma más cercana a la realidad, y en consecuencia, tomarán decisiones de compra más informadas.
- Menos devoluciones: A mayor confianza en la compra de un producto, menos posibilidades de que éste sea devuelto, lo que significa clientes contentos y habituales, y menos costes operativos para su empresa.
- Menos preguntas: Porque «una imagen vale más que mil palabras». Nunca se sabe qué detalle del producto puede resultar en una nueva venta. Proporcionar imágenes de calidad de los productos, fotos en 360° o visitas virtuales de los mismos debería reducir el número de preguntas.
- Mantener la competitividad: Ofrecer una buena experiencia de producto es parte esencial de la experiencia general del usuario de tu sitio web.
¿Cuándo es Adecuado Utilizar Giros en 360º?
Aunque los giros en 360° son muy atractivos, no todos los productos se benefician de ellos tanto como para justificar los costes añadidos de la producción de contenidos en 360°. Además, hay aún menos productos que aprovechen al máximo las bondades de las visistas en 3D semiesféricas o esféricas. La pregunta que hay que hacerse es: «¿beneficiará a mis clientes?». No todas las presentaciones de productos en 360° añaden más información. Imagina una alfombrilla de ratón o cualquier otro elemento plano similar: la vista de 360° no aporta nada respecto a una fotografía tradicional.
La mayoría de productos tridimensionales se beneficiarán en mayor o menor medida de la vista en 360°, pero debes considerar qué tipo de información adicional puede proporcionar, si es posible, y si realmente vale la pena el esfuerzo. La aplicación más obvia del giro en 360º es mostrar mejor la forma de un producto. Es probable que unas pocas fotos fijas no sean suficientes para dar una buena idea de la forma del producto. Casi cualquier producto tridimensional se beneficia de ello.
Los clientes de tiendas virtuales no pueden tocar el producto, pero pueden rememorar la sensación táctil de un producto similar, y las fotos en 360º y las animaciones de vídeo pueden ayudar mucho en esta misión. Esto es especialmente importante en productos de moda estilizados, en los que la estructura del material, el tacto y la sensación son importantes, pero no hay forma de tocar el producto a distancia. Otras categorías de productos en los que el tacto tiene un papel importante incluyen relojes, bolsos, zapatos, accesorios y ropa, pero también algunos muebles, productos electrónicos, etc. La luz que incide sobre un producto al girar en 360º se reflejará y creará sombras y reflejos, revelando la estructura del material.
Todos los productos técnicos complejos, como la electrónica, las herramientas, los electrodomésticos o los artículos deportivos, se beneficiarán de una vista en 360° de una sola fila, pero vale la pena considerar el uso de una visita virtual completa del producto. Por otro lado, las piezas de recambio y los componentes electrónicos y eléctricos pueden tener características ocultas que escapen al ojo inexperto de un fotógrafo tradicional, como por ejemplo un pequeño interruptor escondido en la parte trasera de un aparato. Sin esta información, un técnico que esté llevando a cabo una reparación y tenga una pieza en la mano se verá obligado a llamar a la tienda para verificar si el interruptor está ahí.
El Visor de Objetos en 360°
El visor de objetos en 360° permite ver de forma interactiva una presentación en 360° en una página web. Técnicamente, es una aplicación de Javascript que un desarrollador web instala en un sitio web, normalmente en forma de archivos .js y .css. El visor responde a los comandos introducidos por el usuario (arrastre con el ratón, gestos táctiles, atajos de teclado), que le permiten girar y ampliar el objeto. Una vez está todo configurado, solo hay que imágenes individuales de una vista de producto en 360° al servidor web y el script se encarga del resto. Sin un visor en 360° se pierden muchas de las funciones de los giros en 360°, como la interacción, el zoom, la carga progresiva, etc.
Merece la pena invertir algo de tiempo en escoger el mejor visor, probando varias opciones, comprobando las licencias, verificando su fiabilidad y la frecuencia con la que es actualizado.
Características de una Imagen en 360° de Buena Calidad
Una imagen en 360° de buena calidad debe cumplir el propósito de informar sobre la forma, características y textura de un producto.
- Información: ¿Cuánta información sobre formas, texturas y rasgos contiene la imagen?
- Estética: El producto lleva una preparación previa a su disposición en la plataforma giratoria: los zapatos deben tener los cordones atados, los bolsos deben estar llenos, el producto debe estar limpio. La resolución óptima no debe ser ni tan pequeña que el cliente no pueda ver los detalles del producto, ni tan grande que revele sus imperfecciones.
- Velocidad (pensando en la optimización para motores de búsqueda): Las imágenes deben cargarse rápidamente, incluyendo las de 360°. Las imágenes individuales de la vista en 360° deben almacenarse como JPG comprimidos o WebP (si su servidor web soporta contenido inteligente y puede enviar imágenes WebP a los navegadores Chromium y JPGs a Safari). Los giros con alto número de fotogramas deben cargarse de forma progresiva, solo cuando el usuario comience a interactuar con ellos. Los visores en 360° más modernos admiten la carga progresiva y la dinámica: inicialmente, sólo se cargan un pequeño número de fotogramas (por ejemplo, 6), y a medida que el usuario interactua con la foto en 360° se van cargando los fotogramas restantes, mejorando la suavidad de la rotación con el tiempo.
- Adaptado a dispositivos móviles: Esto se refiere sobre todo al visor en 360° y a la forma en que se implementa en un sitio web. Un giro adaptado a dispositivos móviles se ajusta automáticamente al tamaño de la ventana del navegador y permite gestos táctiles para girar, ampliar y mover. No requiere botones de control para el zoom.
- Compatibilidad con navegadores web: Hoy en día es mucho más sencillo, ya que muchos navegadores ofrecen las mismas características. Aun así, para sacar lo mejor de los distintos navegadores se necesita un visor que pueda aprovechar al máximo cada uno de ellos. Por ejemplo, Chrome admite el estándar de imagen WebP, que comprime mucho mejor que JPEG con la misma calidad. ¿Por qué no utilizar WebP para Chrome y JPEG para Safari? La optimización del motor de búsqueda de Google agradecerá ver las imágenes WebP servidas desde tu servidor. Otro factor importante es la tecnología subyacente de visualización de imágenes de la ventana del visor: debido a pequeñas incompatibilidades, el uso de CSS + <image> no es fiable, ya que causa diversos problemas.
El Proceso de Producción
Te guste o no, acabarás teniendo uno. Hasta qué punto esté formalizado y gestionado con herramientas externas es otra historia. Todavía hay que planificar una sesión, alguien tiene que tomar las imágenes, hay que verificar si están bien y subirlas al servidor. Normalmente será parte del proceso general de producción de contenido visual, pero también puede plantearse como un proceso independiente. En cualquier caso, es buena idea pensar en ello con antelación:
- Crear guías de estilo: ¿Qué categorías de productos se beneficiarían de giros de 360º? ¿Todos? ¿Pocos? ¿Solo los más caros? ¿Cuántas imágenes por giro necesitas? ¿Y con qué ángulos de cámara? ¿Cuáles son los criterios de aceptación? Una guía de estilo es de gran utilidad tanto para estudios fotográficos internos como a la hora de subcontratar el servicio.
- Responsabilidades: ¿Quién planifica la sesión y quién se encarga de las imágenes? ¿Puede el mismo fotógrafo verificar las imágenes o hace falta un control de calidad?
- Nomenclatura: La forma más sencilla de automatizar la vinculación de las imágenes a un producto específico en el e-commerce es utilizar su SKU único como nombre de archivo. Por ejemplo, si el SKU es 1234566, los nombres de las imágenes individuales pueden ser 1234566_1.jpg, 1234566_2.jpg… 1234566_36.jpg.
Cómo Obtener Fotografías en 360º de tus Productos
La forma más sencilla de conseguir fotografías en 360º de tus productos es contratar un servicio de fotografía.
Consideraciones Importantes
- El producto: ¿Es fácil de colocar en una plataforma giratoria? ¿Se tambalea? ¿Habrá que colgarlo? ¿Requiere de una preparación especial? ¿Qué hay de su tamaño?
- Logística: ¿Tu producto es caro y debe ser asegurado? ¿El producto es pesado? Si el producto es pesado y voluminoso, debes encontrar un estudio con la capacidad para manejarlo como para obtener giros del mismo. ¿Quizás sea más rentable grabar sus productos en su almacén? ¿Y qué tal si recurres a las imágenes diseñadas por ordenador para tus giros en 360°? Si tienes un modelo 3D del artículo, o cuentas con un diseñador, podría ser igualmente informativo en determinadas situaciones.
- Tipo de fotografía en 360º: ¿Necesitas un giro semiesférico, o basta con un giro de una sola fila? ¿Te harán falta packshots por separado, o puedes reutilizar las imágenes utilizadas para la vista en 360°? ¿Cuántas imágenes vas a querer por fila?
- Calidad: La idea es obtener imágenes en 360° de alta calidad que muestren las características...