Catégories
Art et photographie

Accélérez votre intégration avec l'interface utilisateur de Shutterstock

Créez une interface de recherche personnalisable et lancez votre intégration Shutterstock en quelques jours, et non en quelques mois, avec notre nouvel outil de développement.

La rapidité et la simplicité sont des facteurs critiques pour les intégrations de produits car les ressources d'ingénierie sont limitées et les feuilles de route sont pleines.

Pour gagner du temps pour l'intégration de votre API Shutterstock, nous avons créé un nouvel outil de développement appelé Shutterstock UI. Il fournit des extraits de code prêts à l'emploi qui sont conçus pour couvrir la majorité des scénarios de flux de travail utilisateur pour la recherche d'actifs tout en offrant des options de personnalisation pour vous aider à adapter votre intégration Shutterstock aux besoins de votre utilisateur.

En fait, nous avons déjà testé l'interface utilisateur de Shutterstock. Nos développeurs devaient créer un flux de travail utilisateur pour une intégration API Shutterstock qui prend en charge la recherche, la navigation et l'édition d'images. Le temps d'achèvement initial était basé sur le temps passé sur des versions similaires dans le passé. Mais avec l'interface utilisateur de Shutterstock, nous avons pu terminer le travail de développement 80% plus rapidement.


Caractéristiques de l'interface utilisateur de Shutterstock

Accélérez votre intégration avec Shutterstock UI - Capture d'écran d'un exemple d'interface utilisateur créé avec Shutterstock UI

Actuellement, l'interface utilisateur de Shutterstock offre les fonctionnalités suivantes pour accélérer le processus de développement pour l'intégration de la recherche d'actifs.

Fonctions de recherche et d'affichage de contenu

L'une des premières interactions que les utilisateurs auront avec une intégration Shutterstock est le processus de recherche d'actifs. L'interface utilisateur de Shutterstock vous aide à créer rapidement une interface de recherche avec les fonctionnalités suivantes:

  • Définissez le type d'actif à afficher (images ou vidéos).
  • Définissez le nombre d'éléments renvoyés dans les résultats de la recherche.
  • Affichez ou masquez le champ de recherche. Vous pouvez également définir un mot clé par défaut pour la zone de recherche.
  • Affichez un bouton «Afficher plus» pour récupérer des résultats de recherche supplémentaires.
  • Personnalisez la hauteur et la largeur de l'interface. L'interface utilisateur Shutterstock fournit une interface réactive par défaut.

Options de marque

L'interface utilisateur Shutterstock vous permet de définir le titre et les sous-titres sur votre interface de recherche. Par défaut, le titre et le sous-titre sont des composants dynamiques qui affichent respectivement la requête de recherche de l'utilisateur et le nombre d'éléments renvoyés. Mais vous pouvez utiliser la zone de texte à des fins de personnalisation ou pour fournir des instructions d'utilisation.

De plus, les couleurs du champ de recherche et des boutons peuvent être personnalisées pour répondre à vos besoins en matière de marque.

Personnalisez les étapes suivantes du workflow utilisateur après le processus de recherche

Une fois qu'un utilisateur a sélectionné une image ou une vidéo qu'il souhaite utiliser, vous pouvez définir la prochaine étape logique de son flux de travail. Cette étape peut varier en fonction du cas d'utilisation de chaque plate-forme. Par exemple, une plate-forme de marketing par e-mail peut vouloir générer un aperçu de l'image pour un en-tête d'e-mail, tandis qu'une plate-forme de création d'annonces peut donner aux utilisateurs la possibilité d'ajouter du texte, des filtres ou de recadrer l'image.

Pour s'adapter à différentes variations de flux de travail, l'interface utilisateur de Shutterstock vous permet de définir des événements de clic pour déclencher des flux de travail personnalisés. Il propose trois choix:

  • Éditeur: ouvre l'image dans Shutterstock Editor où les utilisateurs peuvent rapidement recadrer des images, choisir parmi des modèles de texte conçus par le concepteur, télécharger leur logo, etc.
  • Douane: vous pouvez saisir du code personnalisé pour concevoir un flux de travail adapté à vos utilisateurs. Par exemple, vous pouvez déclencher une animation personnalisée, un aperçu ou un événement de licence.
  • Défaut: ouvre l'image sélectionnée sur shutterstock.com.

Comment accéder à l'interface utilisateur de Shutterstock

Accélérez votre intégration avec Shutterstock UI - Capture d'écran de Shutterstock UI Wizard

L'interface utilisateur de Shutterstock est gratuite. Vous pouvez le tester avec cet assistant de configuration. Pour une documentation supplémentaire, veuillez vous référer à cette page dans nos documents de développement.

Veuillez noter que vous devez créer un compte Shutterstock et une application afin d'obtenir votre clé API, qui est nécessaire pour lancer l'interface utilisateur de Shutterstock. La création d'un compte et d'une application Shutterstock est gratuite.

Si vous n'avez pas de compte ou d'application Shutterstock, vous pouvez cliquer ici pour créer les deux.

Si vous avez un compte Shutterstock mais n'avez pas créé d'application, vous pouvez cliquer ici pour créer votre application. Vous pouvez également créer de nouvelles applications en vous connectant à votre compte Shutterstock, en cliquant sur l'icône de profil dans le coin supérieur droit, puis en cliquant sur l'onglet des détails du compte. Dans la colonne de gauche de la page des détails de votre compte, vous trouverez un onglet intitulé Développeurs qui comportera un bouton Créer une nouvelle application.


Et après

Accélérez votre intégration avec Shutterstock UI - Illustration de composants de développement flottant à côté d'un bureau affichant deux images sur son écran
Image par Inkong Boutchalern.

Notre objectif est de garder la plate-forme Shutterstock ouverte pour que les développeurs et les entreprises innovent avec notre contenu et notre technologie. À cette fin, fournir un outil de développement complet qui simplifie le processus d'intégration est un élément important de notre feuille de route.

Actuellement, l'équipe Developer Platform travaille avec les développeurs pour définir et hiérarchiser les fonctionnalités à venir pour l'interface utilisateur de Shutterstock. Si vous avez des questions ou des suggestions, veuillez nous en informer sur notre forum de commentaires.


Image vedette par Softulka.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *