États de l'interface utilisateur agent : comment afficher la réflexion de l'IA, les appels d'outils et les progrès

Pourquoi les exécutions d'agents ont besoin de leurs propres états

Une requête classique a deux états visibles : chargement et terminé. L’exécution d’un agent IA est différente. Cela peut prendre quelques secondes ou minutes, passer par plusieurs étapes telles que la recherche, la lecture de fichiers ou l'appel d'une API, et cela peut entreprendre des actions ayant des conséquences. La recherche sur le temps de réponse de Nielsen Norman Group s'applique toujours : environ 0,1 seconde semble instantané, environ 1 seconde maintient le flux de la pensée et après environ 10 secondes, les gens ont besoin d'un retour sur ce qui se passe et du temps approximatif que cela prendra. La plupart des agents courent dans ce dernier groupe.

Les États à concevoir

Concevez chacun d'eux comme son propre état avec son propre aspect et ses propres mots, et non comme un seul spinner :

• Reçu : confirmez la demande instantanément (moins de 0,1 s), par exemple en affichant le message dans le fil de discussion.
• Réflexion : un indicateur calme à proximité de l'endroit où la réponse apparaîtra. Évitez les faux pourcentages de progression.
• Appel de l'outil : nommez l'étape en termes simples ("Recherche dans la doc", "Lecture de 3 fichiers"), avec un décompte si vous le connaissez.
• En attente d'approbation : une pause claire lorsque l'agent a besoin d'une autorisation avant d'agir.
• Streaming : affiche la sortie dès son arrivée ; arrêtez l'indicateur de réflexion dès que le texte commence.
• Terminé : un bref résumé de ce qui a changé, avec annulation si possible.
• Arrêté et échoué : dites ce qui s'est passé, ce qui a été conservé et comment réessayer.

Montrez le plan, pas le journal brut

Les longs journaux d'appels d'outils sont utiles pour le débogage mais accablants pour la plupart des utilisateurs. Une bonne valeur par défaut est un statut sur une ligne pour l'étape en cours, ainsi qu'une liste réduite des étapes terminées que les utilisateurs peuvent développer. Les développeurs et les utilisateurs expérimentés peuvent ouvrir les détails ; tout le monde voit les progrès en langage clair. Des protocoles tels que AG-UI, une norme ouverte basée sur les événements pour connecter les agents aux applications destinées aux utilisateurs, existent en partie pour que les frontaux puissent recevoir ces événements d'étape de manière cohérente.

Contrôle et confiance

Les gens font davantage confiance aux agents lorsqu’ils gardent le contrôle. Gardez un bouton d'arrêt visible pendant toute la course. Demandez une confirmation avant des actions irréversibles telles que l'envoi, le paiement ou la suppression, et montrez exactement ce qui va se passer. Après l'exécution, facilitez l'annulation, la modification ou la nouvelle tentative d'une seule étape au lieu de recommencer.

Motion pour les États agents

Le mouvement est un signal fort indiquant que « quelque chose se passe », mais les boucles deviennent fatigantes sur les longues courses. Utilisez une boucle douce et à faible contraste pour la réflexion, un changement distinct lorsqu'un appel d'outil démarre et un réglage clair à la fin de l'exécution. Respectez le paramètre de mouvement réduit en échangeant le mouvement contre un subtil changement d'opacité. Les assistants vocaux utilisent souvent un orbe animé avec des états d'inactivité, d'écoute, de réflexion et de parole clairement différents.