Traitement dynamique des UGI pour la confiance, la personnalisation et l'efficacité

Si vous gérez une place de marché en ligne qui repose sur les engagements des utilisateurs et le partage social, le contenu et les images générés par les utilisateurs (UGC/UGI) sont parmi les atouts les plus précieux. Les sites d'avis comme Yelp permettent aux utilisateurs de s'extasier ou de déplorer la qualité des restaurants à travers des photos. Les sites de voyage aident les propriétaires à attirer les visiteurs avec de belles photos et vidéos. Enfin, les sites de partage de photos comme Unsplash aident les photographes à mettre en valeur leurs sensibilités uniques et à se faire connaître.

Cependant, il est difficile de travailler avec les UGI et la pénalité de se tromper peut être lourde. Dans cet article, nous allons vous montrer comment traiter les UGI par programmation, afin que vous puissiez instaurer la confiance, améliorer l'expérience utilisateur et simplifier votre flux de travail.

Les avantages du contenu généré par l'utilisateur

Le contenu généré par les utilisateurs, en particulier les images et les vidéos, est idéal pour créer une base d'utilisateurs en constante augmentation. Si vous créez un écosystème sain sur votre site ou votre application, vous pouvez exploiter la puissance des UGI de ces trois manières :

• Confiance : les amis, les voisins, les pairs et les collègues se font beaucoup plus confiance qu'ils ne font confiance aux messages marketing. Une étude récente de Stackla a révélé que 60 % des consommateurs fondaient leur décision d'achat sur les conseils de leur famille et de leurs amis. Lorsque la connexion est authentique, il y a plus de confiance.

  
  

• Personnalisation : les goûts et les préférences des gens sont uniques. Dans un monde d'individualité accrue, les utilisateurs veulent de la personnalisation. Le contenu généré par les utilisateurs est un excellent moyen d'atteindre des publics de niche et de répondre à leurs besoins.

  
  

• Rentabilité : De plus, obtenir des images des utilisateurs est souvent le moyen le plus pratique et le plus rentable de générer du contenu, en particulier pour les places de marché en ligne.

  
  

Sur quoi se concentrer lors du traitement d'images générées par l'utilisateur

Si vous travaillez avec UGC, il y a de fortes chances que vous ayez affaire à des milliers, voire des millions, d'UGI quotidiennement. Les images peuvent provenir d'influenceurs inexpérimentés, de photographes chevronnés ou de n'importe qui entre les deux. En conséquence, ces images ont probablement une vaste gamme de formats, de tailles et de qualités.

D'un autre côté, les visiteurs de votre site qui consomment le contenu s'attendent toujours à la meilleure expérience, qui inclut les éléments suivants :

• Chargement rapide des images et vitesse de la page
• Conception réactive et adaptabilité de l'appareil
• Format et composition standardisés
• Sécurité de la marque et modération du contenu

Combler le fossé entre les attentes des utilisateurs et les défis du traitement UGI peut être intimidant. Et trouver une solution simple qui résout tous ces besoins peut sembler presque impossible. Cependant, il existe des solutions rentables, fiables et évolutives, et dans le reste de cet article, nous vous montrerons exactement ce qu'elles sont et avec quelle facilité vous pouvez les déployer.

1. Optimisation pour un chargement rapide et une vitesse de page

Les images et les vidéos, en particulier celles générées par les utilisateurs, sont souvent les fichiers les plus volumineux d'une page Web, ce qui ralentit la vitesse de la page. Si le référencement est important pour votre entreprise, vous devriez essayer d'optimiser et de compresser les images, ce qui peut améliorer la vitesse de votre page, Core Web Vitals et, par conséquent, vos résultats de recherche. Avec Imgix, vous pouvez combiner trois techniques courantes pour réduire la taille du fichier image et accélérer la vitesse de la page :

• Diffusez des images dans des formats de nouvelle génération tels que AVIF ou WebP
• Redimensionner correctement les dimensions de l'image
• Laissez Imgix appliquer la compression au mieux

Dans les exemples ci-dessous, l'image d'origine a une taille de fichier de 3,3 Mo. L'image optimisée, bien qu'elle semble identique, a une taille de fichier de seulement 215 Ko, soit 93 % de moins que l'original. Cela améliorerait considérablement la vitesse de chargement. Il est réalisé en utilisant trois transformations simples comme chaîne de requête d'URL - fm=webp&auto=compress&w=2000 .

Image originale - 3,3 Mo

Image optimisée - 215kB . Cliquez sur le lien et voyez la réduction de taille.

2. Conception réactive

Avec la prolifération des appareils et des navigateurs, vous ne pouvez tout simplement pas compter sur une seule version d'image pour s'adapter à différents environnements et bien paraître dans chacun. À l'inverse, la génération manuelle de fichiers dérivés pour différentes dimensions demande beaucoup de travail et est difficilement évolutive.

Heureusement, l'attribut <srcset> atténue ce besoin en demandant au navigateur d'identifier la meilleure taille d'image en fonction des options disponibles. De plus, vous pouvez utiliser l'élément Imgix et <picture> pour la direction artistique.

• Srcset pour la commutation de résolution
• <picture> pour la direction artistique

3. Normaliser la qualité visuelle et la composition

La plupart des images générées par les utilisateurs ne sont pas créées par des professionnels. Ils sont souvent trop clairs, trop sombres ou simplement trop incohérents les uns des autres. Pour améliorer la qualité visuelle et la cohésion, vous devez envisager un ensemble standard d'améliorations d'image. Et si vous traitez des milliers d'UGI ou plus par jour, l'automatisation peut vous faire gagner un temps considérable.

• auto=true — rend l'image plus dynamique en ajustant la distribution des hautes lumières, des tons moyens et des ombres sur les canaux RVB
• auto=redeye — permet de supprimer les yeux rouges

La mise au point et le cadrage des visages sont également importants. L'expression faciale d'un sujet d'actualité, si elle est agrandie et recadrée de manière appropriée, peut souvent raconter une histoire plus nuancée que n'importe quel mot. Et si vous hébergez des critiques de produits d'utilisateurs, les avatars des utilisateurs ajouteraient de l'authenticité et de la crédibilité. Plusieurs paramètres de l'API Imgix facilitent la détection, le cadrage et le recadrage des visages :

• faceindex — sélectionne un visage sur lequel centrer une image. Vous pouvez isoler un visage particulier ou inclure plusieurs visages. Dans l'exemple ci-dessous, nous avons sélectionné le visage de l'enfant en utilisant faceindex=2 et quelques autres paramètres.

• facepad — définit la quantité de rembourrage autour des visages. Dans l'exemple ci-dessous, avec quelques autres paramètres, nous zoomons sur le visage du modèle en utilisant facepad=1 .

• mask — définit un masque sur une image. Dans l'exemple ci-dessous, avec quelques autres paramètres, nous plaçons un masque circulaire autour du visage du modèle en utilisant mask=ellipse .

Juste pour noter, Imgix ne stocke pas d'informations sur les visages et n'identifie aucun individu sur les images. Toutes les détections se produisent à la volée et sont conformes aux réglementations européennes sur la protection des données.

4. Surveillance et modération du contenu

Avec les UGI, la sécurité du contenu est une autre considération à fort enjeu. Imgix Asset Manager peut vous aider à détecter automatiquement le contenu potentiellement violent, adulte ou autrement douteux. Les alertes de contenu accélèrent et facilitent l'organisation des images générées par les utilisateurs, et vous pouvez automatiser plus efficacement la modération du contenu.

Premiers pas avec le traitement d'images générées par l'utilisateur

À mesure que le volume, la variété et la complexité du contenu généré par les utilisateurs augmentent, cela peut exacerber la pression sur vous et votre équipe. Nous avons construit Imgix pour que vous puissiez offrir les meilleures expériences visuelles à vos visiteurs, améliorer les performances des pages et éliminer le travail redondant pour vos développeurs et concepteurs.

Ce qui est montré dans cet article ne fait qu'effleurer la surface de ce que propose Imgix. Consultez les ressources suivantes pour voir comment Imgix peut vous aider avec vos besoins en médias visuels.

• En savoir plus sur les transformations UGI courantes
• Créer un compte imgix gratuit

Lisez ces études de cas pour voir comment nos clients ont travaillé avec les UGI.

• Eventbrite

• Pexels

• Fil immobilier (REW)