Flux de chatbot IA

Qu’est-ce que le modèle Flux de chatbot IA ?

Modèle d’interaction pour chatbot destiné aux équipes produit, aux designers UX, aux équipes du service d’assistance et aux créateurs d’apps qui conçoivent des expériences d’IA conversationnelle. Le modèle aide les utilisateurs à prototyper un flux de chat complet comprenant un lanceur, un panneau de chat, des états des messages, des réponses de l’assistant, des indicateurs de saisie, des réponses rapides, l’historique des conversations, la gestion des erreurs et le basculement entre le mode clair et le mode sombre.

Quel problème résout le modèle Flux de chatbot IA ?

• Manque de structure pour les flux de conversation du chatbot

• Absence d’états de conception en mode clair et en mode sombre

• Comportement d’envoi des messages, d’indication de saisie et de réponse peu clair

• Gestion insuffisante des erreurs, des réessais, des états hors ligne et des conversations vides

• Difficulté à montrer comment les utilisateurs passent entre le chat actif, l’historique et l’état minimisé

• Temps passé à recréer de zéro les éléments d’interface courants d’un chatbot

Comment utiliser le modèle AI Chatbot Flow

1. Personnalisez le nom du chatbot, le logo, le texte d’en-tête et les couleurs en dégradé.

2. Mettez à jour les messages d’exemple pour qu’ils correspondent à votre produit ou à un cas d’utilisation pour le service d’assistance.

3. Connectez le lanceur au panneau de chat ouvert.

4. Reliez les états d’envoi de message, de saisie de l’assistant, de réponse et de réponses rapides.

5. Ajoutez le flux de bascule de thème pour passer du mode clair au mode sombre.

6. Incluez les états d’effacement de la conversation, d’historique de chat, de réessai, hors ligne et minimisé.

7. Testez le flux avec des membres de l’équipe, des utilisateurs ou des parties prenantes.

Sections recommandées

Lanceur de chat

Montrez le petit point d’entrée flottant sur lequel les utilisateurs appuient pour ouvrir le chatbot.

En-tête du chat

Présentez le nom du chatbot, le logo, la zone de marque en dégradé, l’action de fermeture et l’accès au menu.

Chat en mode clair

Affichez l’expérience de chat par défaut avec un fond blanc, des bulles utilisateur bleues, des bulles d’assistant pâles et une barre de réponse épurée.

Chat en mode sombre

Affichez la même conversation dans une interface indigo profond, avec des bulles de messages lumineuses et un texte à fort contraste.

Flux de messages

Prototyper la saisie de l’utilisateur, l’envoi des messages, les indicateurs de saisie de l’assistant, les réponses et les horodatages.

Réponses rapides

Proposez des boutons de réponse adaptés au toucher, comme Suivre la commande, Retourner un article ou Contacter le service d’assistance.

Historique du chat

Permettez aux utilisateurs de consulter et de rouvrir des conversations récentes.

États d’erreur et de récupération

Affichez l’échec d’envoi, l’option de réessayer, la bannière hors ligne et les messages d’erreur de l’assistant.

Flux d’effacement de la conversation

Ajoutez une modale de confirmation avant de supprimer la conversation en cours.

Erreurs courantes

• Concevoir un seul état de chat

• Oublier le comportement en mode sombre

• Négliger l’indicateur de saisie de l’assistant

• Rendre le champ de réponse difficile à trouver

• Utiliser un espacement incohérent entre les bulles

• Omettre les horodatages ou l’état des messages

• Ne pas prévoir les états de réessai et hors ligne

• Supprimer des conversations sans confirmation

Façons d’éviter les erreurs

• Prototyper le parcours conversationnel complet depuis le launcher jusqu’à la réponse

• Conserver la cohérence des bulles de message dans les deux thèmes

• Préserver la même conversation lors du basculement de thème

• Afficher un retour clair après l’envoi, l’échec ou le réessai d’un message

• Ajouter un indicateur de saisie visible avant les réponses de l’assistant

• Garder les réponses rapides courtes et faciles à toucher

• Tester les actions de menu, d’historique, d’effacement et de minimisation

Fonctionnalités Miro que vous pouvez utiliser

• Cadres pour le mode clair, le mode sombre, l’historique et les états d’erreur

• Liens de prototype pour les flux du lanceur, d’envoi, de réponse, du menu et de basculement de thème

• Formes pour les bulles de chat, les fenêtres modales, les bannières et les pastilles de réponse rapide

• Icônes pour l’envoi, la fermeture, l’émoji, la pièce jointe, le menu et le basculement de thème

• Commentaires pour la relecture par l’équipe

• Notes autocollantes pour la logique de conversation et les cas limites

• Lignes de connexion pour cartographier le flux de décision du chatbot

FAQ

Q : Qui peut bénéficier de ce modèle ?A : Chefs de produit, designers UX, designers UI, équipes produit IA, équipes du service d’assistance, équipes de startups et créateurs d’apps créant des expériences de chatbot.

Q : Ce modèle inclut-il le mode sombre ?A : Oui. Il inclut le mode clair, le mode sombre et une interaction de basculement de thème qui préserve la conversation en cours.

Q : Ce modèle peut-il être utilisé pour des chatbots de service d’assistance client ?A : Oui. Il convient parfaitement à l’assistance produit, à l’aide aux commandes, aux flux de retour, aux assistants d’intégration et aux widgets d’aide IA.

Q : Ce modèle inclut-il la gestion des erreurs ?A : Oui. Il inclut les états d’échec d’envoi, de réessai, hors ligne, d’erreur de l’assistant et de récupération.

Q : Avec quoi repartiront les participants ?A : Un prototype complet de chatbot comprenant le lanceur, le panneau de discussion, les modes clair et sombre, l’envoi de messages, l’indicateur de saisie de l’assistant, les réponses rapides, l’historique, l’effacement de la conversation, les états d’erreur et le comportement en mode réduit.