La plupart des interfaces de chatbot partagent les mêmes parties : une zone de saisie, un fil de discussion et des contrôles sur chaque message. La différence entre un bon chatbot et un chatbot frustrant réside principalement dans les détails de ces pièces et de leurs états.
Commencez par l'état vide. Un écran vide avec une zone de texte ne donne aucune idée de ce que le bot peut faire. Ajoutez une brève description et trois ou quatre exemples d'invites que les gens peuvent appuyer.
Rendez le fil de discussion facile à lire. Gardez la largeur du message confortable pour la lecture, séparez clairement les messages de l'utilisateur et de l'IA, restituez correctement le formatage tel que les listes et le code et gardez le dernier message visible pendant que le nouveau texte arrive, sans sauter si la personne a fait défiler vers le haut.
Concevez chaque état. L'envoi, la réflexion, le streaming, la fin, l'arrêt et l'échec devraient chacun être différents. Un indicateur de réflexion, souvent un motif de points animé ou un orbe, indique aux gens que la demande a été reçue. Un bouton d'arrêt pendant la diffusion redonne le contrôle. Les erreurs doivent indiquer ce qui s'est passé et proposer une nouvelle tentative.
Ajoutez des contrôles aux réponses : copiez, régénérez, modifiez l'invite précédente et donnez votre avis. Pour un assistant vocal, utilisez un visuel clair pour écouter, réfléchir et parler afin que les gens sachent quand parler. ExodeUI, que nous créons, propose des orbes animés gratuits pour ces états qui s'exécutent dans React, Vue, SwiftUI, Flutter et d'autres frameworks.