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   aident les photographes à mettre en valeur leurs sensibilités uniques et à se faire connaître. Unsplash  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 :    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. Confiance :    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. Personnalisation :    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. Rentabilité :  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,   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 : Core Web Vitals   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    . Cliquez sur le lien et voyez la réduction de taille. Image optimisée - 215kB    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   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   pour la direction artistique. <srcset> <picture>  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.    — rend l'image plus dynamique en ajustant la distribution des hautes lumières, des tons moyens et des ombres sur les canaux RVB auto=true    — permet de supprimer les yeux rouges auto=redeye  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 :    — 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   et quelques autres paramètres.  faceindex faceindex=2    — 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 facepad=1    — 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 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   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.  Asset Manager  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.  Également publié  ici.  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)

Sign Up for Free

Get A Demo

Read the Docs

Visit Website

Cet audio est produit dans la langue originale de l'histoire !

Trop long; Pour lire

Boost your HackerNoon story @ $159.99! 🚀

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

About Author

COMMENTAIRES

ÉTIQUETTES

CET ARTICLE A ÉTÉ PARU DANS

Related Stories

Nomades numériques, écoutez : ce que vous devez savoir sur le nouveau visa DTV de la Thaïlande

Croissance des crypto-monnaies : créer des profils d'utilisateurs efficaces

Boostez votre productivité avec ces 18 outils de développement 🚀🔥

Appuyez pour gagner : Telegram pourrait intégrer les 10 prochains milliards d'utilisateurs de crypto avant Solana

Nomades numériques, écoutez : ce que vous devez savoir sur le nouveau visa DTV de la Thaïlande

Croissance des crypto-monnaies : créer des profils d'utilisateurs efficaces

Boostez votre productivité avec ces 18 outils de développement 🚀🔥

Appuyez pour gagner : Telegram pourrait intégrer les 10 prochains milliards d'utilisateurs de crypto avant Solana

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps