Créer une couche transverse d'expérience utilisateur permettant à toutes les interfaces de la plateforme de partager la même navigation, les mêmes composants, les mêmes comportements et les mêmes mécanismes d'interaction.
Cette couche ne contient aucune logique métier.
Elle orchestre uniquement l'expérience utilisateur.
Elle constitue le socle commun de :
La UX Platform est composée de plusieurs moteurs indépendants.
UX Platform ├── Design System ├── Layout Engine ├── Navigation Engine ├── Workspace Engine ├── Search Engine ├── Command Palette Engine ├── Context Engine ├── Activity Engine ├── Notification Center ├── Favorites Engine ├── Help Engine ├── Personalization Engine ├── Widget Engine ├── Dashboard Engine ├── Timeline Engine ├── Document Preview Engine └── Theme Engine
Chaque moteur est indépendant.
Tous sont réutilisés par les interfaces.
Objectif :
Garantir une identité visuelle unique.
Responsabilités :
Composants :
Objectif :
Construire automatiquement les pages.
Layouts disponibles :
Le moteur adapte automatiquement le layout selon :
Objectif :
Construire automatiquement les menus.
Les menus sont calculés à partir de :
Le moteur interdit toute navigation supérieure à trois niveaux.
Objectif :
Organiser les fonctionnalités par activité métier.
Exemple Tenant Console :
Accueil Mon activité Commercial Patrimoine Séjours Finance Marketing Configuration
Chaque Workspace est totalement indépendant.
Objectif :
Rechercher tous les objets métier.
Recherche :
La recherche est disponible sur toutes les interfaces.
Objectif :
Permettre l'accès rapide aux fonctionnalités.
Raccourci :
CTRL + K
Recherche :
Exemples :
Créer une réservation Créer un owner Publier le site Créer un contrat Ajouter un bien
Objectif :
Maintenir le contexte utilisateur.
Depuis une réservation, le moteur connaît automatiquement :
L'utilisateur ne revient jamais au menu principal.
Objectif :
Présenter le travail restant.
Le moteur agrège :
Chaque utilisateur dispose de son Activity Hub.
Objectif :
Centraliser toutes les notifications.
Types :
Canaux :
Objectif :
Personnaliser l'interface.
Supporte :
Les favoris apparaissent dans le Cockpit.
Objectif :
Afficher l'aide contextuelle.
Supporte :
L'utilisateur ne quitte jamais l'application.
Objectif :
Adapter automatiquement l'interface.
Paramètres :
Chaque utilisateur dispose de son propre profil.
Objectif :
Construire toutes les pages.
Widgets disponibles :
Chaque widget est :
Objectif :
Construire les Cockpits.
Chaque Cockpit est composé de widgets.
Le Dashboard classique disparaît.
Chaque rôle dispose de son Cockpit.
Objectif :
Présenter l'historique des objets métier.
Supporte :
Chaque événement est horodaté.
Objectif :
Prévisualiser les documents.
Supporte :
Sans téléchargement.
Objectif :
Appliquer automatiquement la charte graphique.
Le thème dépend :
Le même moteur est utilisé par toutes les interfaces.
Tous les objets principaux disposent d'une fiche unique.
Sont concernés :
Chaque fiche contient :
Chaque rôle possède son Cockpit.
Exemples :
Platform Owner
Tenant Manager
Sales
Agent
Billing
Owner
Guest
Le Cockpit présente uniquement les informations utiles.
La UX Platform expose une API interne.
Exemples :
GET /ui/navigation GET /ui/workspaces GET /ui/widgets GET /ui/dashboard GET /ui/search GET /ui/help GET /ui/context GET /ui/favorites GET /ui/activity GET /ui/theme
Le monorepo contient :
packages/ ui-core/ ui-design-system/ ui-layout/ ui-navigation/ ui-search/ ui-command-palette/ ui-dashboard/ ui-widgets/ ui-context/ ui-notifications/ ui-help/ ui-theme/ ui-timeline/
Chaque frontend importe uniquement les moteurs nécessaires.
La UX Platform est terminée lorsque :
✓ toutes les interfaces utilisent le même Design System
✓ tous les menus sont générés automatiquement
✓ toutes les fiches sont des vues 360°
✓ la recherche globale est disponible
✓ la Command Palette est disponible
✓ les Cockpits remplacent les anciens Dashboards
✓ les Workspaces remplacent les menus traditionnels
✓ toutes les pages sont composées de widgets
✓ la personnalisation utilisateur est centralisée
✓ l'aide est intégrée partout
✓ les futures fonctionnalités peuvent être ajoutées sans modifier la navigation.