L'Architecture de l'Agence
La transition de la conception d'interface traditionnelle vers l'Expérience Utilisateur Agentique (Agentic UX) représente un changement fondamental dans l'architecture logicielle. Nous passons de la conception de flux d'interaction explicites — où les utilisateurs cliquent sur des boutons pour effectuer des tâches — à la conception de systèmes pilotés par l'intention, où les utilisateurs délèguent des objectifs à des agents IA qui coordonnent l'exécution en arrière-plan.
Cependant, pour de nombreux analystes d'affaires et solopreneurs, "l'UX Agentique" reste un concept abstrait. Nous entendons parler de "couches d'orchestration" et d' "essaims autonomes", mais nous voyons rarement une visualisation concrète de la manière dont ces composants interagissent avec l'utilisateur.
Mais comment construire un système fiable si vous ne pouvez pas le visualiser d'abord ? Le diagramme ci-dessous représente une architecture de référence pour l'UX Agentique — un modèle réutilisable à trois couches qui transforme la théorie complexe des systèmes multi-agents en un flux de travail structuré et concevable.
La conception UX traditionnelle se concentre sur les écrans. L'UX Agentique se concentre sur le flux de travail de la délégation. Pour concevoir cela efficacement, nous devons découpler la visibilité de l'utilisateur de l'exécution de l'agent.
Notre modèle de référence sépare l'expérience en trois couches distinctes :
1. La Couche Interface Utilisateur (Visibilité & Confiance)
La voie supérieure du diagramme représente le "contrat" entre l'humain et l'IA.
- Expression de l'Intention : L'utilisateur fournit un objectif de haut niveau (par exemple, "Intégrer ce nouveau client").
- Aperçu du Plan : Avant d'agir, le système reflète l'intention à l'utilisateur, établissant un alignement.
- Visibilité : Pendant que les agents travaillent, l'interface utilisateur fournit des mises à jour d'état en temps réel, remplaçant l'anxiété de la "boîte noire" par des journaux de progression transparents.
- Portes d'Approbation : Points de décision critiques où le système marque une pause pour une autorisation humaine explicite.
2. La Couche Orchestration (Logique & Contrôle)
La voie centrale est la "fonction exécutive" du système. Elle n'effectue pas la tâche ; elle gère les ressources qui le font.
- Analyse de l'Intention : Conversion du langage naturel en commandes structurées.
- Routage : Détermination des outils spécialisés requis.
- Parallélisation : Lancement de flux de travail concurrents pour réduire la latence.
- Gouvernance : Application des règles métier (par exemple, "Tout remboursement supérieur à 50 $ nécessite l'approbation du responsable").
3. La Couche Spécialiste (Exécution)
Les voies inférieures représentent la compétence verticale. Ce sont les agents spécifiques au domaine — Agents de Paiement, Agents Documentaires, Agents de Communication — qui interagissent avec des API comme Stripe, Google Drive ou Slack. En isolant ces agents, le système devient modulaire ; vous pouvez mettre à jour votre "Agent Email" sans casser tout le flux d'orchestration.
Étude de Cas : Le Flux de Travail "Relance de Factures"
Pour démontrer cette architecture en pratique, examinons un cas d'utilisation courant pour les Solopreneurs : Le Recouvrement Automatisé des Créances.
Au lieu de voir cela comme un simple script d'automatisation, nous le concevons comme une Expérience Agentique :
- Intention (Couche UI) : L'utilisateur signale le désir de "Récupérer les factures impayées datant de plus de 7 jours."
- Orchestration : L'Orchestrateur analyse la demande, interroge la base de données comptable et identifie trois clients mauvais payeurs. Il génère un plan de recouvrement impliquant un brouillon d'e-mail et un SMS.
- Exécution Spécialiste :
- L'Agent Finance extrait les montants exacts et les PDF des factures.
- L'Agent Comms rédige un rappel poli mais ferme avec la voix du fondateur.
- L'Humain dans la Boucle : Le système marque une pause. Il présente les brouillons à l'utilisateur dans la couche UI : "J'ai préparé des rappels pour les clients A, B et C. Approuver l'envoi ?"
- Achèvement : Après approbation, les agents exécutent et l'interface utilisateur journalise l'activité.
Ce même modèle architectural s'applique parfaitement à l'Intégration Client (CRM + Docs + Slack) ou à la Résolution de Support (Analyse de Ticket + Remboursements + Email).
Pourquoi le Diagramme Précède le Code
La complexité des systèmes multi-agents réside dans les transferts. Si vous passez directement à la construction dans n8n, LangChain ou Make.com, vous risquez de créer des automatisations fragiles où la logique est enfouie dans le code.
En utilisant FlowZap pour définir le diagramme de séquence en premier, vous obtenez trois résultats critiques :
- Alignement : Les parties prenantes peuvent voir exactement où l'humain intervient.
- Spécification : Le diagramme sert de plan pour la mise en œuvre.
- Portabilité : Un flux logique clair peut être exporté vers n'importe quelle plateforme d'automatisation.
Lancez-vous
Nous avons codifié cette architecture à trois couches dans un Modèle UX Agentique réutilisable, disponible dès maintenant pour les utilisateurs de FlowZap. Il inclut la logique complète pour les couches Utilisateur, Orchestrateur et Spécialiste, pré-câblées pour les scénarios courants de Solopreneur.
Télécharger le Modèle UX Agentique
Arrêtez de deviner comment les agents devraient se comporter. Concevez le flux de travail, définissez les limites et construisez en toute confiance.
Inspirations:
- Salesforce: UX Shift to Agentic Design
- From Products to Systems: The Agentic AI Shift
- The Agentic Era of UX
- Agentic AI: The Next Frontier
- Agentic AI Design Patterns Guide
- Weaviate: What are Agentic Workflows
- Multi-Agent Coordination Playbook
- Azure: Multiple Agent Workflow Automation
- 10 Solopreneur AI Workflows
- n8n: AI Agentic Workflows