Comment créer un prototype de chatbot

Grâce à l’IA, les chatbots ont désormais une place de choix dans le design de l’expérience utilisateur. Voici comment commencer à prototyper le vôtre.

L’intelligence artificielle révolutionne le monde de la technologie. Elle nous a apporté plus de commodité que nous n’en avons jamais eu besoin et a profondément modifié la relation que nous entretenons avec la technologie. Les chatbots sont une expérience utilisateur émergente qui s’est développée ces dernières années grâce à la croissance et au développement de l’intelligence artificielle et de l’apprentissage automatique.

Désormais, lorsque vous ferez vos achats en ligne, vous serez accueilli par le sourire (ou mieux, par un ‘ :)’) d’un chatbot qui sera plus qu’heureux de vous servir et de satisfaire vos besoins. Vous cherchez un pull en particulier ? Pas de problème, Watson de North Face vous posera une série de questions pour répondre à vos préférences. Vous avez un peu dépassé votre budget le mois dernier ? Laissez Erica, le chatbot de Bank of America, vous donner les conseils dont vous avez besoin pour revenir sur la bonne voie. Les chatbots remplissent de nombreuses fonctions, du service à la clientèle à la thérapie, en passant par l’information et le suivi des vols. Comme c’est souvent le cas avec les technologies émergentes, la question se pose de savoir si une technologie particulière offre une expérience utilisateur réellement utile ou si elle n’est qu’un gadget. Mais avec les perfectionnements de la technologie et l’adoption lente mais régulière par les grandes entreprises, les chatbots ont trouvé un espace à part entière dans le monde du design de l’expérience utilisateur. Dans ce billet, Justinmind se penche sur toutes les questions relatives aux chatbots et vous donne un mode d’emploi pour prototyper votre propre chatbot. Êtes-vous prêt ?

Créez votre propre chatbot haute-fidélité dans Justinmind

Le prototypage est une méthode très utile pour éliminer les faiblesses de votre design et donner aux principales parties prenantes un aperçu des choses à venir. Comme le prototypage est efficace, peu coûteux et facile à réaliser, c’est un moyen efficace de comprendre si votre idée est viable ou non. Lorsqu’il s’agit de prototyper un chatbot, vous pouvez réaliser dans Justinmind votre propre version haute fidélité qui a fière allure. Dans ce guide, nous allons vous aider à créer votre propre chatbot de messagerie, en réalisant un prototype haute-fidélité. Il est bon de rappeler que si vous n’êtes pas sûr des bases de votre design, il est conseillé de commencer par quelque chose de plus simple, comme un prototype en papier.

Télécharger Justinmind

Avant de commencer, téléchargez Justinmind puis créez un nouveau prototype à partir de notre sélection de modèles. Les chatbots sont principalement utilisés dans les applications de messagerie, c’est pourquoi nous allons utiliser un modèle mobile.

Préparez votre scénario et vos interactions

Comme nous réalisons un prototype haute fidélité, nous n’avons pas le luxe d’utiliser une API ou un traitement du langage naturel. Nous devons faire la magie nous-mêmes en rédigeant un script, que nous placerons plus tard dans une base de données. Remarque : une base de données principale est une mini-base de données que vous pouvez alimenter avec vos propres données réelles que vous avez importées.

Créez l’interface utilisateur de votre chatbot

Étant donné qu’un chatbot nécessite la participation d’un utilisateur, vous devez vous assurer que votre interface utilisateur dispose d’un champ de texte et d’un bouton de saisie. Renommez le bouton « envoyer ». Vous pouvez glisser-déposer ces éléments de la section Barres, menus et onglets de la bibliothèque de widgets iPhone iOS directement sur votre canevas. Veillez à les regrouper et à renommer le groupe « input-text-box ». Dans la même section, vous pouvez faire glisser un widget Header top pour rendre l’interface plus réaliste. Il est préférable de garder votre interface propre et avec le moins de distractions possible afin que les gens se concentrent sur l’aspect chatbot de l’expérience utilisateur. Vous pouvez également opter pour quelque chose de rapide et utiliser l’un de ces superbes modèles de sites web pour gagner du temps.

Alimentez votre base de données pour plus de réalisme

Pour créer une conversation fluide, nous utiliserons une base de données. À côté de la palette Outline, vous trouverez un onglet Data Master. Ajoutez une nouvelle base de données. Nommez-la Chat. Ajoutez 3 champs : Texte, Heure et Bascule. Le type de Toggle doit être modifié en « Vrai/Faux ». Cliquez sur OK.

Vous devez maintenant faire glisser un widget rectangle au-dessus de la zone de texte de saisie que vous avez groupée précédemment. Ce rectangle servira d’arrière-plan à votre interface. Changez la couleur en blanc et arrondissez les angles. Ensuite, faites glisser une grille de données sur votre canevas. Une boîte de dialogue modale devrait apparaître. Ici, écrivez Messenger dans le champ Identifier. Déplacez le texte et l’heure de gauche à droite. Redimensionnez la grille, comme dans l’exemple ci-dessous. Veillez à réduire le nombre de colonnes à 1.

Dans l’onglet Outline, ouvrez la cellule Grid_cell de la grille de données. Supprimez la zone de texte ‘Time’. Ensuite, renommez la valeur de la zone de texte « Texte » en tant que nom de votre chatbot. Pour donner un visage à votre chatbot, faites glisser un widget image dans le canevas à côté de la boîte de chat que nous sommes en train de créer et ajoutez votre image. Ensuite, regroupez tous ces éléments UI qui se trouvent dans la grille de données dans un panneau dynamique en les mettant en surbrillance et en cliquant avec le bouton droit de la souris. Assurez-vous que l’image est le premier élément de ce nouveau groupe. Pour simuler une réponse, il suffit de dupliquer ce panneau dynamique et de modifier quelques éléments. Une fois le panneau dynamique dupliqué, modifiez l’image, le nom et la position du panneau. Pour terminer, créez un autre panneau dynamique. Redimensionnez-le et modifiez la mise en page en Vertical et l’alignement en Bas. Placez la grille de données à l’intérieur de ce panneau dans l’onglet Contour. Enfin, ajoutez deux variables dans l’onglet Variables : nommez-les respectivement « Chat-text » et « Toggle-variable ». La valeur par défaut de la variable « Toggle » doit être « 2 ». Assurez-vous que les éléments de votre UI ressemblent à la hiérarchie ci-dessous :

L’astuce consiste à comprendre le niveau de détail dont vous avez besoin à ce moment-là. Selon l’état d’avancement du projet, vous pouvez avoir besoin d’un prototype de chatbot réaliste ou simplement d’un MVP à partager avec les parties prenantes.

Rendez votre chatbot interactif

Justinmind dispose de puissants événements riches qui simulent des interactions réelles. Pour rendre votre chatbot encore plus réaliste, vous voudrez ajouter des événements. Cela signifie que lorsque vous tapez dans le chatbot, la réponse du chatbot s’affiche à l’écran en même temps que votre message écrit. Une fois que vous avez ajouté les éléments interactifs que vous souhaitez, vous devriez être prêt à simuler votre chatbot mobile. Et voilà comment vous prototypez un chatbot !

Qu’est-ce qu’un chatbot et que fait-il ?

Un chatbot est un programme informatique qui communique avec les utilisateurs par le biais d’une conversation imitée. Les chatbots sont utilisés pour automatiser des tâches spécifiques, fournir des informations et guider les utilisateurs vers une tâche qu’ils ont eux-mêmes initiée. Si vous interrogez un chatbot sur des vêtements à prix réduits, par exemple, il vous fournira des informations dont vous pourrez faire ce que vous voulez (acheter ou ne pas acheter). Le chatbot est capable de répondre de manière appropriée grâce aux sources de données disponibles dans l’API à laquelle il est connecté. La connexion à une API permet au chatbot de fournir des informations à la demande (par exemple, si vous souhaitez connaître le temps qu’il fera ce jour-là). Les chatbots développent également le langage qu’ils utilisent. C’est important parce que les chatbots doivent être capables de faire la distinction entre les différentes requêtes et demandes des utilisateurs. Grâce à l’apprentissage automatique et au traitement du langage naturel, les chatbots sont en mesure d’adapter leurs réponses en conséquence. L’utilisateur saisit des informations et le chatbot est formé pour les traduire en un résultat souhaité. Gillian Armstrong résume assez précisément l’apprentissage des chatbots en ces termes : « Pour savoir comment répondre correctement à une question, il doit connaître la bonne réponse.

Vous pouvez également consulter notre tutoriel sur la création d ‘un prototype d’application d’épicerie.

Les chatbots en action

Les chatbots étant relativement récents en termes de développement technologique, leur utilisation n’est pas encore totalement comprise. Malgré cela, il y a des moments où vous avez plus de chances de rencontrer un chatbot que d’autres : – Service client
– Fournir des références ou des idées
– Marketing et engagement Il est généralement plus facile d’expliquer ces utilisations à l’aide d’un exemple. Disons que c’est la période des fêtes de fin d’année et que vous cherchez à acheter un cadeau pour votre moitié. Un chatbot peut vous donner des idées et de l’inspiration sur la base de cette conversation. CoverGirl a utilisé un chatbot dans ce qu’elle a appelé la première campagne de marketing par chatbot d’une influenceuse. Le chatbot était basé sur Kalani Hilliker, une danseuse américaine de 16 ans et une personnalité de la télévision. Le chatbot a simulé le style de conversation de Kalani pour définir son personnage. La campagne a donné lieu à 14 fois plus de conversations avec le chatbot qu’avec un message moyen de la vraie Kalani et à un taux de clics de 51 % sur les coupons délivrés à la fin de l’interaction avec le chatbot. De quoi stimuler l’engagement.

Pourquoi utiliser un chatbot ?

Les chatbots sont particulièrement rentables pour les entreprises qui souhaitent automatiser des tâches auparavant effectuées par du personnel humain, mais les clients, les utilisateurs et les équipes peuvent également bénéficier des chatbots. Étant donné que les bots peuvent être placés sur des plateformes de messagerie telles que Telegram, WhatsApp ou Facebook Messenger, les entreprises disposent d’une vaste audience pour cibler leurs clients. Mais quels sont les autres avantages des chatbots ?

Les chatbots sont toujours disponibles et extrêmement efficaces

Combien de fois avez-vous souffert d’un appel téléphonique mal connecté, passant d’un numéro à l’autre sur le clavier pour joindre un représentant du service clientèle et vous apercevoir que vous n’étiez pas en contact avec le bon service ? Probablement plus souvent que vous ne l’imaginez. L’avantage des chatbots, c’est qu’ils sont disponibles 24 heures sur 24 et 7 jours sur 7. Vous n’avez plus à supporter une musique d’attente épouvantable. Un chatbot peut accéder à de grandes quantités de données à la fois, tout en aidant des milliers de clients, et fournir des résultats pertinents. Ils sont donc plus efficaces que les humains et pourraient bien être à l’origine de la mort des centres d’appels. Si les chatbots représentent la fin des temps d’attente de 10 minutes, de la mauvaise communication et des courriels à répétition, inscrivez-vous.

Les chatbots automatisent les tâches répétitives et stimulent la productivité

Slack, l’outil de collaboration populaire, dispose de nombreux bots, qui agissent comme des membres d’équipe virtuels, vous permettant d’accomplir votre travail plus rapidement et plus efficacement. Vous avez besoin d’un robot pour assigner des tâches aux membres de votre équipe ? Que diriez-vous de réaliser un sondage ou une enquête ? Et ne vous inquiétez pas pour les réunions quotidiennes, Geekbot peut les organiser pour vous. Il existe même un robot qui peut vous aider à renforcer vos relations avec vos collègues en vous mettant en relation avec une personne avec laquelle vous ne travaillez pas souvent pour prendre un café. Les robots peuvent non seulement stimuler la productivité en s’occupant des tâches répétitives et banales, mais ils peuvent aussi être utilisés pour créer de meilleures relations et exploiter l’empathie au sein d’une organisation. Consultez notre billet sur la validation des formulaires et attrapez un autre angle du design UX.

Conclusion

On ne sait pas encore si les chatbots sont là pour nous sauver. Pour certains, ils resteront toujours un gadget, espérant toujours percer dans le courant dominant. Mais pour d’autres, les chatbots sont déjà un moyen viable et fructueux d’améliorer l’expérience utilisateur de leurs clients et d’apporter une véritable valeur ajoutée.