Chargement des modèles…
UI/UX et interaction humain-IA
Modèles complets d'interface utilisateur, d'expérience et de collaboration humain-IA pour les systèmes d'IA agentique
Aperçu en 30 secondes
- Quoi
- Conçoit des interfaces et des workflows qui rendent visibles pour les utilisateurs l'autonomie de l'agent, son incertitude et ses limites de décision, au lieu de les masquer derrière un chat.
- Quand l'utiliser
- Construire des agents autonomes nécessitant une supervision humaine, faire évoluer l'IA conversationnelle au-delà du simple chat, coordonner des passations entre agents, ou déployer dans des environnements à fort enjeu.
- Vigilance
- Masquer le raisonnement et les actions de l'agent derrière une interface de chat érode la confiance quand des erreurs surviennent et empêche les utilisateurs d'intervenir efficacement.
Interroger l'expert IA sur ces patterns
Ouvre l'assistant avec votre question préremplie. Vous la relisez avant l'envoi.
Vue d’ensemble
Ces modèles couvrent la conception d'interface utilisateur et la collaboration humain-IA, des contrôles Human-in-the-Loop et Human-on-the-Loop à la divulgation progressive, la visualisation de la confiance et les flux de travail à initiative mixte. Les interfaces d'agent efficaces rendent visibles les limites de l'autonomie, l'incertitude, les transferts, l'utilisation des données et les actions de récupération, au lieu de considérer qu'une simple surface conversationnelle suffit à elle seule.
Applications pratiques et cas d’usage
Collaboration Human-in-the-Loop
des systèmes de diagnostic médical où l'IA réalise les analyses de routine et signale les cas incertains pour révision humaine, préservant la responsabilité du médecin tout en améliorant l'efficacité.
Supervision Human-on-the-Loop
des systèmes de trading autonomes dotés de tableaux de bord en temps réel permettant la supervision et l'intervention humaines en cas de volatilité des marchés ou de conditions inhabituelles.
Interfaces d'agents conversationnels
une conception conversationnelle avancée qui dépasse les chatbots traditionnels pour offrir des interactions proactives pilotées par l'agent, avec une intégration multimodale et une sélection de modalité tenant compte du contexte.
UX de coordination multi-agents
des interfaces utilisateur pour orchestrer plusieurs agents IA spécialisés, avec des transferts transparents, des tableaux de bord de collaboration et une préservation fluide du contexte lors des transitions entre agents.
Systèmes de confiance et de transparence
des interfaces d'IA explicable proposant la visualisation des décisions, l'attribution des sources, des indicateurs de confiance et la divulgation progressive des processus de raisonnement pour les applications à enjeux élevés.
Personnalisation adaptative de l'interface
une adaptation dynamique de l'UI fondée sur le contexte, les comportements et les préférences de l'utilisateur, à l'aide de moteurs de personnalisation en temps réel et d'ajustements d'interface tenant compte du contexte.
Supervision de type centre de contrôle
des interfaces de supervision d'agents en temps réel offrant des capacités d'intervention, des alertes basées sur les exceptions, un suivi des performances et des mécanismes de contrôle sophistiqués pour les réseaux d'agents d'entreprise.
Récupération après erreur et communication des défaillances
des modèles de gestion élégante des erreurs, avec divulgation progressive, suggestions de récupération concrètes et préservation du contexte lors des scénarios de défaillance.
Prise en main et sensibilisation des utilisateurs
des modèles pédagogiques pour présenter les capacités de l'agent, construire des modèles mentaux appropriés et instaurer la confiance par la transparence et la démonstration des capacités.
Expériences d'agent multiplateformes
des interactions cohérentes avec l'agent sur ordinateur, mobile, web et plateformes émergentes, avec une synchronisation fluide et une adaptation optimisée selon l'appareil.
UX de confidentialité et de sécurité
des modèles de conception privilégiant la confidentialité, avec des contrôles de données granulaires, des mesures de sécurité transparentes et une plus grande maîtrise des utilisateurs sur leurs informations personnelles dans les systèmes d'agents.
Accessibilité dans la conception d'agents
des principes de conception universelle pour des interfaces d'agent inclusives, prenant en charge des capacités variées, les technologies d'assistance et les exigences d'accessibilité cognitive.
Interfaces de raisonnement visuel
des modèles de visualisation pour les processus décisionnels de l'agent, la transparence du raisonnement et la gestion de la charge cognitive dans les scénarios de résolution de problèmes complexes.
Modèles d'interaction multimodale
une intégration avancée de la communication vocale, visuelle, gestuelle et textuelle, avec un basculement de modalité tenant compte du contexte et des capacités d'adaptation émotionnelle.
Pourquoi c’est important
Les modèles UI/UX pour l'IA agentique sont essentiels à l'adoption et au déploiement réussis de systèmes d'IA autonomes dans des applications réelles. À mesure que l'IA passe d'outils réactifs à des agents proactifs, les paradigmes d'interface traditionnels s'effondrent, ce qui exige de nouvelles approches équilibrant le contrôle humain et l'autonomie de l'agent. Ces modèles répondent à des défis fondamentaux : calibrage de la confiance, exigences de transparence, coordination multi-agents et passage d'une conception centrée sur le contrôle à une conception axée sur les résultats. Alors que le marché de l'IA agentique devrait atteindre 10,41 milliards de dollars d'ici 2025, les organisations ont besoin de modèles UX éprouvés pour déployer ces systèmes de manière sûre et efficace, tout en préservant la satisfaction des utilisateurs et la conformité réglementaire.
Guide de mise en œuvre
Quand l’utiliser
- Déployer des agents IA autonomes nécessitant une supervision et une collaboration humaines
- Concevoir des systèmes d'IA conversationnelle qui dépassent les simples interfaces de chat
- Créer des systèmes multi-agents nécessitant une coordination et une gestion des transferts
- Développer des applications d'IA pour des environnements à enjeux élevés exigeant confiance et transparence
- Mettre en œuvre des expériences d'IA personnalisées qui s'adaptent au contexte et au comportement de l'utilisateur
- Construire des systèmes d'IA d'entreprise nécessitant des interfaces de supervision, de contrôle et de gouvernance
Bonnes pratiques
- Concevoir des interactions axées sur les résultats plutôt que des interfaces centrées sur le contrôle
- Mettre en place une divulgation progressive des capacités de l'agent et de ses processus de raisonnement
- Instaurer la confiance par une prise de décision transparente et une attribution claire des sources
- Prévoir des capacités d'intervention et de contournement humains appropriées
- Concevoir des interfaces adaptatives qui apprennent et s'ajustent aux préférences et au contexte de l'utilisateur
- Mettre en œuvre une gestion complète des erreurs avec des stratégies de dégradation élégante
- Utiliser des modèles d'interaction multimodale qui sélectionnent automatiquement les méthodes de communication optimales
- Garantir l'accessibilité et les principes de conception universelle dans tous les modèles d'interface d'agent
- Concevoir en visant la cohérence multiplateforme tout en optimisant pour les capacités propres à chaque appareil
- Appliquer les principes de protection de la vie privée dès la conception, avec un contrôle granulaire de l'utilisateur sur l'usage des données
Pièges courants
- Appliquer les paradigmes d'UI traditionnels aux systèmes agentiques sans tenir compte de l'autonomie de l'agent
- Créer des interfaces trop complexes pour que les utilisateurs comprennent les capacités de l'agent
- Une transparence insuffisante qui engendre la méfiance des utilisateurs et une faible adoption
- Une mauvaise gestion des erreurs qui brise la confiance des utilisateurs lorsque les agents se trompent
- Une automatisation excessive sans mécanismes appropriés de contrôle et d'intervention humains
- Ignorer les exigences d'accessibilité propres aux modèles d'interaction avec les agents
- Des expériences incohérentes d'une plateforme et d'un appareil à l'autre
- Des contrôles de confidentialité inadéquats et un manque de transparence sur l'utilisation des données
- Une prise en main déficiente qui ne pose pas d'attentes appropriées quant aux capacités de l'agent
- Concevoir des interfaces d'agent sans tenir compte de la charge cognitive de la collaboration humain-agent
Techniques disponibles
Humain dans la boucle(HITL)
Intégration stratégique du jugement humain aux points de décision critiques dans les workflows d'IA
Humain sur la boucle(HOTL)
Supervision humaine de systèmes d'IA autonomes, avec la possibilité de surveiller, d'intervenir ou de prendre le contrôle en cas de besoin
Modèles UI de divulgation progressive(PDP)
Modèles d'interface pour révéler progressivement les capacités de l'agent, son raisonnement et les informations complexes afin d'éviter la surcharge cognitive
Modèles UI de visualisation de la confiance(CVP)
Éléments d'interface visuels pour afficher les niveaux de confiance de l'IA, l'incertitude et la fiabilité des prédictions dans des formats accessibles aux utilisateurs
Modèles d'interface à initiative mixte(MIP)
Modèles UI pour un basculement fluide du contrôle entre l'humain et les agents IA, favorisant une prise d'initiative collaborative
Modèles UI d'état et d'activité de l'agent(ASP)
Éléments d'interface affichant en temps réel les activités de l'agent, ses états de réflexion et son statut opérationnel pour tenir l'utilisateur informé
Modèles d'interface conversationnelle(CIP)
Modèles UI/UX conversationnels avancés qui dépassent les chatbots traditionnels pour offrir des expériences multimodales pilotées par des agents
UX de collaboration entre agents(ACX)
Modèles d'expérience utilisateur pour la coordination multi-agents, les transferts et les flux de travail collaboratifs avec une orchestration transparente
Modèles de confiance et de transparence(TTP)
Modèles de conception pour instaurer la confiance des utilisateurs grâce à des interfaces d'IA explicables, à la transparence des décisions et à l'attribution des sources
Modèles d'interface adaptative(AIP)
Modèles d'adaptation et de création dynamiques d'UI/UX qui personnalisent les interfaces d'agent en fonction du contexte, du comportement et des préférences de l'utilisateur
UI de gestion de la fenêtre de contexte(CWM)
Modèles visuels pour gérer les limites de contexte des LLM, l'utilisation des tokens et l'optimisation de la fenêtre de contexte dans les interfaces d'agent
Modèles de supervision et de contrôle(MON)
Interfaces de type centre de contrôle pour la surveillance en temps réel des agents, les capacités d'intervention et le monitoring système
Modèles de gestion des erreurs et de récupération(ERP)
Modèles d'interface complets de communication des erreurs et de récupération pour une gestion élégante des défaillances dans les systèmes d'agents
Modèles d'onboarding et de formation(OEP)
Modèles de formation et d'onboarding des utilisateurs pour présenter les capacités de l'agent, construire des modèles mentaux appropriés et favoriser la confiance
UX de confidentialité et de sécurité(PSX)
Modèles de conception privilégiant la confidentialité pour les systèmes d'agents, avec un traitement transparent des données, des contrôles granulaires et une autonomisation de l'utilisateur
Accessibilité dans la conception d'agents(AAD)
Modèles de conception universelle pour des interfaces d'agent accessibles, prenant en charge des capacités variées et les technologies d'assistance
Modèles d'agent ambiant(AAP)
Interfaces d'agent toujours présentes et sensibles au contexte, qui fonctionnent de manière transparente en arrière-plan tout en restant accessibles au besoin
Modèles d'interface de chat(CHI)
Modèles d'interface de chat spécialisés, optimisés pour les interactions avec les agents, incluant le fil de discussion des messages, la gestion du contexte et l'affichage de contenus enrichis
UX d'agent multiplateforme(CPX)
Modèles d'expérience d'agent cohérents sur tous les appareils et plateformes, avec synchronisation et adaptation transparentes
Modèles de raisonnement visuel(VRP)
Modèles de représentation visuelle du raisonnement de l'agent, des processus de prise de décision et de la transparence cognitive
Modèles d'interaction multimodale(MMIP)
Modèles avancés d'interaction multimodale avec les agents, intégrant de façon transparente la voix, le visuel, les gestes et le texte
Principes de protection de la vie privée dès la conception(PbD)
Principes fondamentaux de confidentialité intégrés à l'architecture des systèmes d'agents dès la conception, garantissant une protection proactive des données, l'autonomisation des utilisateurs et la conformité réglementaire par la conception plutôt que par une implémentation tardive.
Contrôles de confidentialité granulaires(GPC)
Gestion fine des autorisations permettant aux utilisateurs de contrôler des types de données spécifiques, les finalités de traitement, les contextes de partage et les durées de conservation, grâce à des mécanismes de consentement contextuels et à des commandes de révocation faciles à utiliser.
Consentement et communication progressifs(PCC)
Parcours d'autorisation au moment opportun, avec divulgation progressive, consentement contextuel, communication claire des risques et notifications de confidentialité adaptatives qui respectent l'attention de l'utilisateur tout en garantissant des décisions éclairées.
Traitement transparent des données(TDH)
Visualisation en temps réel des flux de données, des activités de traitement, des lieux de stockage et du partage avec des tiers dans les systèmes d'agents, offrant aux utilisateurs une compréhension claire du cycle de vie de leurs données et leur permettant de consentir en connaissance de cause.
Tableau de bord de confidentialité pour l'autonomie des utilisateurs(UPD)
Interface complète de gestion des données auto-souveraine offrant aux utilisateurs une visibilité et un contrôle total sur leurs données personnelles dans l'ensemble des systèmes d'agents, incluant des analyses de confidentialité, la portabilité des données et l'application automatisée des droits à la vie privée.
UX de conformité réglementaire(RCX)
Conception de l'expérience utilisateur pour le RGPD, le CCPA et les réglementations émergentes sur l'IA, incluant des interfaces de droit à l'explication, l'automatisation des droits des personnes concernées, la visualisation de tableaux de bord de conformité et le respect proactif de la réglementation dès la conception.
UX des technologies avancées de confidentialité(APT)
Conception UX pour les technologies de préservation de la confidentialité, notamment la confidentialité différentielle, l'apprentissage fédéré, le chiffrement homomorphe et les preuves à divulgation nulle de connaissance, rendant des protections cryptographiques complexes accessibles et compréhensibles pour les utilisateurs finaux.
Agents vocaux en temps réel(RVA)
Agents parlants à faible latence, reposant sur des modèles voix-à-voix au sein d'une même session en streaming, qui remplacent le pipeline traditionnel reconnaissance vocale puis LLM puis synthèse vocale. Un modèle unique raisonne directement à partir de l'audio, si bien que les réponses arrivent assez vite pour donner l'impression d'une conversation naturelle, avec la détection des tours de parole, l'interruption en cours de parole (barge-in), les appels d'outils en pleine conversation, les garde-fous et les transferts gérés au sein de la session en direct.
Protocole AG-UI (interaction agent-utilisateur)(AGUI)
Protocole ouvert et événementiel (créé par CopilotKit en 2025) qui standardise le dernier maillon entre un backend d'agent et n'importe quel frontend. Le backend diffuse en streaming environ 16 types d'événements structurés (deltas de texte et de tokens, début/arguments/résultat d'appel d'outil, instantanés et deltas d'état, cycle de vie de l'exécution et annulation) via SSE, WebSocket ou simplement HTTP, ce qui permet à un frontend d'afficher l'activité de l'agent en direct et de réinjecter les actions de l'utilisateur dans la même boucle d'exécution, indépendamment du framework. Des émetteurs natifs existent notamment pour LangGraph, CrewAI, Mastra et le Microsoft Agent Framework. C'est l'arête agent-vers-UI du triangle de protocoles, aux côtés de MCP (agent-vers-outil) et d'A2A (agent-vers-agent). À distinguer de `chat-interface-patterns` : ces derniers sont des conventions de rendu côté frontend, tandis qu'AG-UI est le protocole de transport qui achemine le flux d'événements sous-jacent.
Files d'approbation et chaînes d'escalade(AQE)
L'approbation et l'escalade traitées comme un véritable flux opérationnel plutôt que comme une simple barrière bloquante. Les actions sont hiérarchisées par niveau de risque : les actions réversibles sont approuvées automatiquement, les actions à risque moyen passent par une revue asynchrone où l'agent persiste son état, poursuit d'autres tâches et se réhydrate à l'arrivée d'une décision, tandis que les actions irréversibles exigent une approbation synchrone avant leur exécution. L'escalade est déclenchée par des signaux explicites, notamment des dépassements de seuil de confiance, un indicateur d'irréversibilité, l'approche d'un SLA et la détection d'anomalies ou d'injections, et achemine la décision vers un arbitre de plus haute autorité (un humain, un agent plus privilégié ou un flux de travail externe). À distinguer de `human-in-the-loop` : le HITL est la posture synchrone générique, tandis que ce modèle y ajoute la hiérarchisation par risque, la mise en file asynchrone avec réhydratation de l'état et l'acheminement vers un arbitre.
UI générative (interfaces rendues par l'agent)(GenUI)
L'agent génère, sélectionne et contrôle lui-même l'interface au moment de l'exécution, en renvoyant des composants interactifs riches (formulaires, graphiques, tableaux de bord, cartes, widgets à plusieurs étapes) plutôt que du simple texte, et en décidant comment présenter un résultat en fonction du type de contenu et de l'intention de l'utilisateur. Un appel d'outil du modèle émet de l'UI que l'hôte affiche dans un cadre isolé (sandbox), par exemple les MCP Apps qui servent du HTML packagé via des ressources `ui://`, ou des spécifications portables comme Google A2UI et Open-JSON-UI que le client dessine nativement. Cette approche est passée de l'expérimental à la production en 2026, à mesure que les MCP Apps ont été déployées dans Claude, ChatGPT, VS Code et Goose, aux côtés d'A2UI et de l'UI générative de CopilotKit/assistant-ui. À distinguer de `ag-ui-protocol`, qui diffuse en streaming les événements de l'agent vers un frontend préexistant, et de `adaptive-interface-patterns`, qui personnalise une interface existante : ici, l'agent matérialise l'interface elle-même, en choisissant et en construisant les composants au moment de la réponse.
Patterns Pack
Emportez tout le catalogue : serveur MCP, règles et skills pour votre éditeur, et données.
Recevez le guide de terrain Agent UX
Les 21 patterns d’UX d’agents condensés en un guide : ce que chacun est, quand l’utiliser et ce qui pose problème en production. Le lien arrive avec votre confirmation, avec l’hebdo The Agent Architect.
Un email par semaine, désinscription en un clic. Votre adresse ne sert qu'à envoyer le brief.
Par l’ingénieur derrière ce catalogue
Faites auditer l’architecture de vos agents
Cette page documente un pattern. Votre système en fait tourner des dizaines, et l’essentiel des pannes se loge dans la façon dont ils s’articulent. Faites relire toute la conception à l’aune des 288 patterns de ce catalogue : architecture, fiabilité, évaluation et coûts, chaque constat relié au pattern qui le corrige.
750 € au lieu de 1 500 €, une semaine, rapport écrit et appel de restitution, jusqu’au 30 septembre