Fiori : design UX, extensions et bonnes pratiques

En quelques mots…

SAP Fiori repense l’expérience utilisateur dans les environnements SAP en mettant l’accent sur la simplicité, la cohérence et la personnalisation. Cet article explore les grands principes du design UX Fiori, comment étendre ses fonctionnalités intelligemment, ainsi que les bonnes pratiques pour garantir des applications efficaces, scalables et bien intégrées dans un paysage S/4HANA ou ECC. Des exemples concrets illustrent les propos pour mieux comprendre l’impact de Fiori sur le quotidien des utilisateurs et des équipes IT. Un guide pédagogique et pragmatique, pensé pour les professionnels SAP souhaitant optimiser la valeur de Fiori dans leurs projets. 🚀


📌 Comprendre la philosophie UX de SAP Fiori

Depuis son lancement, **SAP Fiori** a pour ambition de rompre avec l’interface rigide des écrans SAP classiques (SAP GUI) pour proposer une **expérience utilisateur (UX)** moderne, intuitive et adaptée à chaque rôle métier. Fiori repose sur cinq principes UX fondamentaux :

  • 🎯 Rôle-based : chaque application Fiori est conçue pour un rôle spécifique afin de n’afficher que ce qui est pertinent.
  • 💡 Responsive : l’interface s’adapte automatiquement à tous les types d’écrans (desktop, tablette, mobile).
  • Simple : une interface épurée, focalisée sur l’essentiel, réduisant les clics et simplifiant la prise en main.
  • 🔄 Coherent : une charte graphique et comportementale partagée pour éviter les ruptures d’expérience.
  • 🧠 Delightful : une UX agréable qui valorise l’utilisateur final grâce à une fluidité et une logique de navigation naturelles.

À la différence de SAP GUI conçu pour les experts, Fiori vise à démocratiser l’accès aux fonctionnalités SAP à travers des **tuiles** interactives sur le **Fiori Launchpad**, point central d’accès aux applications.

🧭 Exemple concret : la transaction ME21N revisitée

Plutôt que de proposer une interface surchargée, l’application Fiori « Create Purchase Order » propose une navigation en étapes (wizard), facilitant la saisie par des utilisateurs non experts du module MM. Le formulaire réagit dynamiquement, affichant uniquement les champs pertinents selon le contexte, réduisant ainsi les erreurs et le temps de formation.

🔧 Étendre Fiori : les différentes approches d’extension

Il est rare qu’une entreprise utilise une application Fiori standard sans y apporter de modifications. SAP propose plusieurs **modèles d’extension** pour adapter les apps à ses besoins spécifiques, tout en maintenant une compatibilité avec les futures mises à jour.

📘 Les trois modèles principaux

  • Extension via SAP Business Application Studio (ou Web IDE historique) 💻 : permet de cloner une application standard et de créer une version étendue. Cette méthode donne une grande liberté mais entraîne des coûts de maintenance plus élevés.
  • Adaptation UI (Adaptation Project) 🧩 : permet de modifier l’interface sans toucher au code source (ajouter/masquer des champs, modifier les libellés, etc.), souvent suffisante pour les besoins simples ou moyens.
  • Key User Extensibility en mode « in-app » 🧑‍💼 : via des outils comme SAP Fiori Elements ou SAP Screen Personas, les utilisateurs clés (key users) peuvent directement ajuster certaines interfaces, sans développement pur.

🔍 Exemple : ajouter une colonne “commercial responsable” dans un tableau de commandes

Via l’Adaptation UI, il est possible d’ajouter une colonne personnalisée (custom field) aux applications list report en intégrant un champ Z normalisé dans le modèle CDS, permettant un rendu natif Fiori, sans impacter les objets standards.

👍 Bonnes pratiques UX et techniques dans les projets Fiori

Les projets Fiori bien conçus ne se résument pas à une belle interface. Ils reposent sur des choix techniques robustes et des approches centrées utilisateurs.

🔑 Impliquer les utilisateurs dès le démarrage

Trop souvent, les projets Fiori sont menés uniquement par des profils IT. Inclure les utilisateurs finaux permet de :
– Définir les cas d’usage les plus pertinents
– Orienter la navigation selon leur manière de travailler
– Recueillir des feedbacks structurants avant le développement

🛠️ Une approche agile, incluant des ateliers de design thinking, permet de co-construire une UX qui a du sens et une adoption mesurable.

📐 Miser sur SAP Fiori Elements et CDS Views

SAP pousse l’utilisation des **Fiori Elements**, outils permettant de générer automatiquement des interfaces standardisées à partir de modèles de métadonnées (CDS). Avantages :
– Gain de temps de développement 📉
– Expérience homogène 🌐
– Moindre effort de maintenance par rapport à des extensions freestyle

Fiori Elements repose fortement sur les **CDS views** avec annotations : ces métadonnées enrichies guident la génération de l’interface (colonnes visibles, filtres, champs triables…).

🧪 Tester et valider dans différents contextes

Fiori étant responsive, il est primordial de tester les écrans :
– En desktop 💻, tablette 📱 et smartphone 📲
– Sur différents navigateurs (Chrome, Edge…)
– En tenant compte des différents profils utilisateurs (vendeur, acheteur, contrôleur…)

Des outils comme SAP Fiori Preview ou SAP Build Prototype permettent de simuler les rendus avant mise en production.

🛡️ Performance et sécurité

– **Performance** : éviter les appels back-end superflus, paginer les datasets, activer le cache OData.
– **Sécurité** : veiller à la bonne gestion des autorisations via SAP Fiori Catalogs & Groups, et à l’exposition maîtrisée des services OData.

📁 Intégration dans le paysage SAP

Fiori est encore trop souvent perçu comme une surcouche esthétique. En réalité, il s’agit d’une pierre angulaire de l’approche “Intelligent Enterprise” de SAP.

🧩 Fiori dans S/4HANA : bien plus qu’une interface

Dans S/4HANA, plusieurs fonctionnalités ne sont disponibles que via Fiori (exemple : Fiori Analytical Applications avec KPI Modeler). Cela impose :
– D’intégrer Fiori Launchpad dans le rôle SAP standard
– De maintenir une gouvernance claire sur les autorisations dans les catalogues Fiori

🌐 Fiori dans un contexte hybride (ECC + S/4)

Des clients SAP, en phase de transition vers S/4, déploient Fiori dans ECC avec Gateway centralisé. Il convient de veiller aux compatibilités de version UI5, au sizing de Gateway et à la cohérence des rôles utilisateurs.

✅ Conclusion & conseils pratiques

SAP Fiori transforme profondément la manière dont les utilisateurs interagissent avec leur système ERP. Bien menée, cette transition permet une **meilleure adoption**, une montée en compétence plus rapide et une productivité accrue. Pour y parvenir, adoptez une gouvernance centrée **UX + business**, formez vos key users à la personnalisation, privilégiez au maximum les Fiori Elements et intégrez les projets Fiori dans votre roadmap globale SAP, même s’il ne s’agit pas d’un projet S/4HANA. 🎯

Gardez toujours en tête : une application Fiori bien conçue n’est pas une interface plus jolie… c’est une solution qui **colle parfaitement aux besoins métier.** 💡💪

Leave a comment

Your email address will not be published. Required fields are marked *

Cart (0 items)