UX native IA dans SAP — le compositional design system, SAP Fiori elements et Joule Work

D'abord le statut : pages de design documentées et descriptions de catalogue

Deux types de sources soutiennent cette fiche. Le site design de SAP publie des pages sur le compositional design system (lues via des extraits de recherche le 16 octobre 2026, sap.com refusant la récupération directe). Le catalogue SAP TechEd 2026 liste dix sessions sur ce système, sur l'expérience utilisateur native IA et sur SAP Fiori elements à l'ère de l'IA. Les entrées de catalogue sont des descriptions, pas des annonces produit. Quand ni les pages design ni le catalogue ne disent rien (noms, dates de GA, prix, API), la fiche écrit « non publié ».

Pourquoi c'est important

• Joule Work, Spaces et les espaces générés changent le rôle d'une application Fiori : l'interface peut être assemblée par utilisateur et par tâche, donc vos services OData, annotations et autorisations deviennent le vrai contrat.
• Le statut est partagé : les pages design de SAP disent que le système est utilisé dans Joule Work, tandis que la feuille de route indique que seule la génération est active et que la détection d'intention et de contexte viendra plus tard. Une proposition doit préciser lequel.
• Dix sessions TechEd donnent une semaine pour apprendre la pile de bout en bout, de la stratégie UX (ST116) à l'écriture pratique (JW161) ; les réponses sur l'ouverture, la licence et l'audit ne viennent qu'après le 30 octobre.

Points clés

• SAP décrit le compositional design system comme une extension de son design system avec logique de relations, métadonnées structurées et garde-fous, pour que l'IA compose une interface cohérente (pages design SAP, via extraits de recherche).
• Briques nommées dans le catalogue (JW129) : primitives, composites et design knowledge ; la sortie est un composition blueprint indépendant de la technologie.
• SAP dit qu'il est utilisé dans Joule Work, annoncé à SAP Sapphire en mai 2026 ; Spaces génère des espaces de travail à la volée (page design SAP ; SAPinsider).
• Feuille de route (via extraits) : la phase un est la génération ; la détection d'intention et de contexte n'est pas encore active.
• Fiori elements reste la voie déclarative ; JW213 et JW811 insistent sur les annotations, OData et les « sémantiques prêtes pour l'intention et l'action ».
• Le serveur MCP Fiori (npm, stdio, neuf outils) génère et modifie des applications Fiori depuis des services OData ou CAP ; sa page n'indique aucun statut de version.
• Aucune date de GA, aucun prix, aucune API publique ni règle d'écriture côté client n'est publié au 16 octobre 2026.

Termes employés sur cette page

Compositional design system

Design system SAP étendu d'une logique de relations, de métadonnées et de garde-fous pour que l'IA assemble l'interface.

Primitive

Plus petite brique d'interface validée dans le vocabulaire du catalogue (JW129).

Composite

Agencement réutilisable de primitives que l'IA peut placer ; écrit dans JW161.

Design knowledge

Règles lisibles par machine sur les compositions valides et conformes à la marque.

Composition blueprint

Description d'une interface indépendante de la technologie que dessine un moteur de rendu (page de démarrage SAP).

Spaces

Fonction de Joule Work qui génère des espaces de travail à la volée, selon SAPinsider et les résumés TechEd.

SAP Fiori elements

Framework qui construit des applications Fiori à partir de services OData et d'annotations sans codage libre de l'interface.

Serveur MCP Fiori

Paquet npm @sap-ux/fiori-mcp-server donnant aux assistants de code IA des outils pour créer et modifier des applications Fiori.

Sources

1. SAP Design — The Compositional Design System (sap.com; read via search excerpts 16 Oct 2026, direct fetch refused): relationship logic, metadata, guardrails; used in Joule Work
2. SAP Design — Get Started: The Compositional Design System (technology-agnostic composition blueprint; via search excerpts)
3. SAP Design — Compositional Design System roadmap (generation first; intent and context detection later; via search excerpts)
4. SAP Design — Designing the Autonomous Enterprise (vendor positioning; via search excerpts)
5. SAP News — The Future of the Enterprise Is Autonomous (Sapphire, May 2026): Joule Work 'a dynamic workspace that adapts to intent'; mobile GA, desktop EAC
6. SAPinsider — Joule as engagement layer and enterprise readiness (Spaces, 'software as a result'; secondary, interview-based)
7. npm @sap-ux/fiori-mcp-server 1.11.0 README (stdio, nine tools, generate and modify Fiori apps; no release status stated)
8. SAP Architecture Center — Joule in SAP S/4HANA Cloud (conversational UI in the Fiori Launchpad; OData services needed for actions; updated 29 Oct 2025)
9. SAP TechEd 2026 catalogue — ST116 'SAP's UX strategy: AI-native agentic experiences for autonomous enterprises' (27 Oct)
10. SAP TechEd 2026 catalogue — ST114 'The user experience with Joule Work and the technology strategy behind it' (27 Oct)
11. SAP TechEd 2026 catalogue — JW814 'The future of work with the AI-native user experience for Joule Work' (27 Oct)
12. SAP TechEd 2026 catalogue — JW811 'Technology road map for application and AI-native user experiences' (28 Oct)
13. SAP TechEd 2026 catalogue — JW811V (virtual) same title (28 Oct)
14. SAP TechEd 2026 catalogue — JW129 'SAP's compositional design system: Craft enterprise UIs with AI on the fly' (28 Oct)
15. SAP TechEd 2026 catalogue — JW161 'SAP's compositional design system: Author and render your own UIs' (29 Oct, hands-on)
16. SAP TechEd 2026 catalogue — JW213 'SAP Fiori elements and the age of AI: Build apps that are future ready' (29 Oct)
17. SAP TechEd 2026 catalogue — JW262 'OData to outcomes—Build AI-enabled SAP Fiori apps using SAP Fiori elements' (29 Oct, hands-on)
18. SAP TechEd 2026 catalogue — JW163 'From SAP Fiori elements to agent to Joule Work: The full stack, hands-on' (27 Oct)