Procesamiento dinámico de UGI para confianza, personalización y eficiencia

Si administra un mercado en línea que se basa en la participación de los usuarios y el intercambio social, el contenido y las imágenes generados por los usuarios (UGC/UGI) son algunos de los activos más valiosos. Los sitios de reseñas como Yelp permiten a los usuarios delirar o lamentarse de la calidad de los restaurantes a través de fotografías. Los sitios de viajes ayudan a los propietarios a atraer visitantes con bellas tomas y videos. Finalmente, los sitios para compartir fotos como Unsplash ayudan a los fotógrafos a mostrar sus sensibilidades únicas y ganar exposición.

Sin embargo, es difícil trabajar con UGI y la penalización por equivocarse puede ser elevada. En este artículo, le mostraremos cómo procesar UGI mediante programación, para que pueda generar confianza, mejorar la experiencia del usuario y simplificar su flujo de trabajo.

Los beneficios del contenido generado por el usuario

El contenido generado por el usuario, especialmente imágenes y videos, es excelente para construir una base de usuarios en constante crecimiento. Si crea un ecosistema saludable en su sitio o aplicación, puede aprovechar el poder de los UGI de estas tres maneras:

• Confianza: los amigos, vecinos, compañeros y colegas confían entre sí mucho más de lo que confían en los mensajes de marketing. Un estudio reciente de Stackla encontró que el 60% de los consumidores basaron su decisión de compra en el consejo de familiares y amigos. Cuando la conexión es auténtica, hay más confianza.

  
  

• Personalización: Los gustos y preferencias de las personas son únicos. En un mundo de mayor individualidad, los usuarios quieren personalización. El contenido generado por el usuario es una excelente manera de llegar a audiencias específicas y satisfacer sus necesidades.

  
  

• Rentabilidad: además, obtener imágenes de los usuarios suele ser la forma más práctica y rentable de generar contenido, especialmente para los mercados en línea.

  
  

En qué centrarse al procesar imágenes generadas por el usuario

Si está trabajando con UGC, es probable que esté tratando con miles, si no millones, de UGI diariamente. Las imágenes pueden ser de personas influyentes sin experiencia, fotógrafos experimentados o cualquier persona intermedia. Como resultado, es probable que estas imágenes tengan una gran variedad de formatos, tamaños y calidades.

Por otro lado, los visitantes de su sitio que consumen el contenido aún esperan la mejor experiencia, que incluye lo siguiente:

• Carga rápida de imágenes y velocidad de página
• Diseño receptivo y adaptabilidad del dispositivo.
• Formato y composición estandarizados
• Seguridad de marca y moderación de contenido

Cerrar la brecha entre las expectativas del usuario y los desafíos del procesamiento de UGI puede ser desalentador. Y encontrar una solución simple que resuelva todas estas necesidades puede parecer casi imposible. Sin embargo, existen soluciones rentables, confiables y escalables, y en el resto de este artículo, le mostraremos exactamente qué son y con qué facilidad puede implementarlas.

1. Optimización para carga rápida y velocidad de página

Las imágenes y los videos, en particular los generados por los usuarios, suelen ser los archivos más grandes de una página web, lo que hace que la velocidad de la página sea lenta. Si el SEO es importante para su negocio, debe intentar optimizar y comprimir imágenes, lo que puede mejorar la velocidad de su página, Core Web Vitals y, a su vez, sus resultados de búsqueda. Con Imgix, puede combinar tres técnicas comunes para reducir el tamaño del archivo de imagen y acelerar la velocidad de la página:

• Sirva imágenes en formatos de próxima generación como AVIF o WebP
• Cambiar correctamente el tamaño de las dimensiones de la imagen
• Deje que Imgix aplique la compresión de mejor esfuerzo

En los ejemplos siguientes, la imagen original tiene un tamaño de archivo de 3,3 MB. La imagen optimizada, a pesar de parecer idéntica, tiene un tamaño de archivo de solo 215 kB, que es un 93 % más pequeño que el original. Esto mejoraría significativamente la velocidad de carga. Se logra mediante el uso de tres transformaciones simples como una cadena de consulta de URL: fm=webp&auto=compress&w=2000 .

Imagen original - 3,3 MB

Imagen optimizada - 215kB . Haga clic en el enlace y vea la reducción de tamaño.

2. Diseño receptivo

Con la proliferación de dispositivos y navegadores, simplemente no puede confiar en una versión de imagen para adaptarse a diferentes entornos y verse bien en cada uno. Por el contrario, la generación manual de archivos derivados para diferentes dimensiones requiere mucha mano de obra y es difícilmente escalable.

Afortunadamente, el atributo <srcset> alivia esa necesidad al indicarle al navegador que identifique el mejor tamaño de imagen según las opciones disponibles. Además, puede usar Imgix y el elemento <picture> para la dirección de arte.

• Srcset para cambiar de resolución
• <picture> para dirección de arte

3. Estandarizar la calidad y composición visual

La mayoría de las imágenes generadas por los usuarios no se crean de forma profesional. A menudo son demasiado brillantes, demasiado oscuros o simplemente demasiado inconsistentes entre sí. Para mejorar la calidad y la cohesión visuales, debe considerar un conjunto estándar de mejoras de imagen. Y si procesa miles o más UGI por día, la automatización puede ayudarlo a ahorrar una gran cantidad de tiempo.

• auto=true : hace que la imagen sea más vibrante al ajustar la distribución de luces, medios tonos y sombras en los canales RGB
• auto=redeye — elimina los ojos rojos

Enfocar y enmarcar las caras también es importante. La expresión facial de un sujeto de noticias, si se amplía y recorta adecuadamente, a menudo puede contar una historia más matizada que cualquier palabra. Y si aloja reseñas de productos de los usuarios, los avatares de los usuarios agregarían autenticidad y credibilidad. Varios parámetros de la API de Imgix facilitan la detección, el encuadre y el recorte de rostros:

• faceindex : selecciona una cara en la que centrar una imagen. Puede aislar una cara en particular o incluir varias caras. En el siguiente ejemplo, seleccionamos la cara del niño usando faceindex=2 y algunos otros parámetros.

• facepad : define la cantidad de relleno alrededor de las caras. En el siguiente ejemplo, junto con algunos otros parámetros, hacemos zoom en la cara del modelo usando facepad=1 .

• máscara : establece una máscara sobre una imagen. En el siguiente ejemplo, junto con algunos otros parámetros, colocamos una máscara circular alrededor de la cara del modelo usando mask=ellipse .

Solo para tener en cuenta, Imgix no almacena información facial ni identifica a ninguna persona en las imágenes. Toda la detección se produce sobre la marcha y cumple con las normas de protección de datos de la UE.

4. Supervisión y moderación de contenido

Con UGI, la seguridad del contenido es otra consideración importante. Imgix Asset Manager puede ayudarlo a detectar automáticamente contenido potencialmente violento, para adultos o cuestionable. Las alertas de contenido hacen que la organización de las imágenes generadas por los usuarios sea más rápida y sencilla, y puede automatizar la moderación del contenido de manera más eficaz.

Comience con el procesamiento de imágenes generadas por el usuario

A medida que aumenta el volumen, la variedad y la complejidad del contenido generado por los usuarios, puede aumentar la tensión para usted y su equipo. Creamos Imgix para que pueda brindar las mejores experiencias visuales a sus visitantes, mejorar el rendimiento de la página y eliminar el trabajo redundante para sus desarrolladores y diseñadores.

Lo que se muestra en este artículo simplemente araña la superficie de lo que ofrece Imgix. Consulte los siguientes recursos para ver cómo Imgix puede ayudarlo con sus necesidades de medios visuales.

• Más información sobre las transformaciones UGI comunes
• Crear una cuenta imgix gratis

Lea estos estudios de casos para ver cómo nuestros clientes han trabajado con UGI.

• Eventbrite

• pexels

• Cable de bienes raíces (REW)