https://d226lax1qjow5r.cloudfront.net/blog/blogposts/how-to-create-a-conversational-ai-mockup/create-a-conversational-ai-mockup.png

Comment créer une maquette d'IA conversationnelle

Publié le April 3, 2023

Temps de lecture : 4 minutes

Vous voulez commencer à créer des agents d'IA conversationnelle ? C'est génial ! Mais par où commencer ? AI Studio de Vonage a créé une solution drag-and-drop super simple qui vous permet de démarrer rapidement. Mais même AI Studioavec ses nœuds, paramètres, entitéset bien d'autres choses encore, peuvent s'avérer insurmontables lorsque l'on s'assoit pour construire. Comment savoir ce qui doit aller où ? Avec une maquette (organigramme), bien sûr !

Vous pensez peut-être que les maquettes sont une perte de temps et que vous pouvez vous contenter de glisser-déposer. Mais je soutiens que les maquettes vous font gagner du temps à long terme. Voici quelques avantages importants à commencer par une maquette :

  • Visualisation : Une maquette fournit une représentation visuelle de la conception, donnant à toutes les parties prenantes une idée exacte de l'aspect et du fonctionnement du produit final. La visualisation permet de s'assurer que tout le monde est sur la même longueur d'onde en ce qui concerne le flux et la conception de votre agent.

  • Retour d'information : En créant une maquette, les concepteurs et les autres parties prenantes peuvent tester la conception en parcourant le flux et en imaginant toutes les éventualités imprévues. En voyant le flux, les concepteurs peuvent repérer les éventuels oublis.

  • Efficacité : Une maquette permet de gagner du temps et d'économiser des ressources en identifiant les problèmes potentiels et les obstacles dès le début du processus de conception. Cela permet d'éviter des erreurs coûteuses ou des refontes ultérieures. Si l'AI Studio est assurément rapide pour la construction, pouvoir apporter des modifications à une image sans avoir à reconfigurer les nœuds est encore plus rapide ! Par exemple, lorsque vous définissez une entité pour un paramètreune maquette peut donc être utile pour déterminer l'entité correcte (type de données).

Maintenant que je vous ai convaincu de l'importance des maquettes, voyons comment en créer une bonne.

Maquettes haute fidélité

Tout type d'organigramme qui vous aide à visualiser votre agent fournira à votre équipe une meilleure orientation. Cependant, je pense qu'il y a quelques éléments clés d'une maquette qui la rendent vraiment "haute fidélité".

  • Représentation des nœuds - Une maquette doit tenir compte de tous les types de nœuds susceptibles d'être utilisés dans un agent. Le fait de disposer d'un repère visuel clair indiquant quel nœud est utilisé dans chaque cas spécifique fera gagner beaucoup de temps au constructeur de l'agent.

  • Accountabilité des variables - Comment les variables sont-elles gérées ? Une maquette doit rendre compte des variables requises (appelées paramètres dans AI Studio) et de la manière dont elles seront utilisées tout au long du flux. Si nous pouvons suivre toutes les instances de nos variables, nous pouvons facilement déterminer quel type de données est nécessaire.

  • Satisfaction du résultat pour l'utilisateur - Votre maquette présente-t-elle des parcours utilisateurs clairs qui suivent un cheminement logique et cohérent ? Est-il facile de suivre les choix de l'utilisateur en tant que jonctions dans le flux ? Le résultat obtenu par l'utilisateur est-il satisfaisant ? L'utilisateur peut ne pas être satisfait du résultat, mais la conversation répond-elle au moins à son intention ? Par exemple, l'agent peut ne pas être en mesure d'aider un utilisateur à trouver sa commande, mais pose-t-il les bonnes questions et fournit-il à l'utilisateur un autre moyen de trouver les ressources qu'il recherche ?

Outils de maquette

J'ai personnellement utilisé Miro pour mes maquettes, mais il existe de nombreuses options intéressantes.

  • Miro - Avec ses nombreuses formes, couleurs, connecteurs et textes, Miro a tout ce dont j'ai besoin.

  • Lucidchart - Certains de mes collègues qui travaillent comme concepteurs conversationnels dans AI Studio préfèrent Lucidchart. Il est censé être assez génial !

  • Draw.io - un outil gratuit et open-source qui contient tout ce dont vous avez besoin pour créer des agents.

  • Stylo et papier - Vous n'avez pas besoin de logiciels sophistiqués pour les maquettes ! Vous pouvez utiliser un stylo et du papier ou un tableau blanc, il vous suffit de dessiner et de vous lancer,

Commencer par une clé

Comme nous l'avons déjà mentionné, le fait de disposer d'une représentation complète de tous vos différents types de conversation est essentielle. Lorsque vous créez une clé, pensez à toutes les différentes fonctionnalités de votre agent. Heureusement pour nous, avec AI Studio, nous disposons déjà d'un schéma directeur pour une clé. Voici une clé simple des composants que j'utilise :

Example Key of Mockup Componenetskey-of-mockup-components.png

Littéralement, soyez littéral

Lorsque vous utilisez un composant, écrivez exactement ce qui se passera dans l'agent. S'il s'agit d'envoyer un message, écrivez le texte du message. S'il s'agit d'écrire une condition, que vérifiera la condition ? S'il s'agit d'une classification, quelle variable sera classée ? En voici un exemple :

Example of a Mockup Flowconversational-ai-flow-mockup.png

Dans l'exemple ci-dessus, nous pouvons voir comment les variables sont également traitées. La variable $Topic est définie dans la fonction Collecter l'entrée puis utilisée dans le nœud Classification.

Prêt à construire

Après avoir construit votre maquette, vous pouvez vous retrouver avec de nombreux flux différents pour votre agent. Il peut rester des questions en suspens, comme la gestion des erreurs, l'implémentation exacte des intégrations ou des webhooks, ou si le texte de certains nœuds doit être édité. Mais en général, vous aurez une représentation parfaite de votre agent, de sorte que toutes les parties prenantes pourront se mettre d'accord sur les résultats et les flux possibles. Vous trouverez ci-dessous un exemple de maquette que j'ai réalisée pour un agent que nous avons utilisé pour aider les participants à la conférence de l'année dernière lors des API Days Paris).

Example of a complicated mockupcomplicated-conversational-ai-mockup.png

Conclusion

Ce guide sur les maquettes et les organigrammes vous a-t-il été utile ? Êtes-vous convaincu que vous devriez commencer votre construction d'AI Studio par une maquette ? N'hésitez pas à me le faire savoir sur Twitter ou sur le Slack de la communauté Vonage (nous avons même un canal pour AI Studio). Je suis vraiment intéressé de voir ce que vous construisez avec Low Code !

Partager:

https://a.storyblok.com/f/270183/384x384/e4e7d1452e/benjamin-aronov.png
Benjamin AronovDéfenseur des développeurs

Benjamin Aronov est un défenseur des développeurs chez Vonage. C'est un bâtisseur de communauté qui a fait ses preuves, avec une formation en Ruby on Rails. Benjamin apprécie les plages de Tel Aviv, où il vit. Sa base à Tel Aviv lui permet de rencontrer et d'apprendre de certains des meilleurs fondateurs de startups du monde. En dehors de la technologie, Benjamin aime voyager à travers le monde à la recherche du parfait pain au chocolat.