Introduction
Presage est une bibliothèque pour construire des interfaces utilisateur adaptatives dans les applications SaaS. Elle fait le pont entre les données analytiques brutes et l’interface que vos utilisateurs voient, vous permettant de personnaliser les expériences sans recourir à une plateforme entreprise.
Le problème
Section intitulée « Le problème »La plupart des applications SaaS traitent chaque utilisateur de manière identique. Un visiteur pour la première fois voit le même tableau de bord qu’un utilisateur avancé avec 500 sessions. Quand les équipes personnalisent, cela ressemble à ceci :
// Dispersé dans des dizaines de composantsif (user.role === 'admin' && user.plan === 'enterprise') { showAdvancedDashboard()} else if (user.sessionsCount < 3) { showOnboarding()} else { showDefault()}Cette approche atteint vite ses limites :
- Pas de source de vérité unique — les conditions sont dispersées dans tout le code
- Aucune prise en compte du comportement — vous suivez les clics mais ne les utilisez jamais pour piloter l’interface
- Les alternatives sont coûteuses — les plateformes de personnalisation entreprise coûtent six chiffres et nécessitent une équipe data
La solution
Section intitulée « La solution »Presage vous fournit trois primitives :
- Un moteur de règles — des conditions déclaratives avec 14 opérateurs, un ordonnancement par priorité et une logique booléenne
- Des signaux comportementaux — calculés automatiquement à partir des événements suivis (nombre de sessions, utilisation des fonctionnalités, cartes de clics)
- La maturité utilisateur — une segmentation automatique en
new,onboarding,active,poweroudormant
Ces éléments se combinent en un UserContext unique auquel vos composants d’interface peuvent réagir.
À qui s’adresse cette bibliothèque ?
Section intitulée « À qui s’adresse cette bibliothèque ? »Presage est conçu pour les développeurs SaaS B2B qui :
- Veulent afficher différents parcours d’intégration selon le comportement utilisateur
- Ont besoin d’adapter la navigation, les tableaux de bord ou la découverte de fonctionnalités par segment d’utilisateur
- En ont assez de disperser la logique
if/elsedans les composants - Ne veulent pas (ou ne peuvent pas se permettre) une plateforme de personnalisation entreprise
Concepts clés en un coup d’oeil
Section intitulée « Concepts clés en un coup d’oeil »| Concept | Description |
|---|---|
| UserContext | La vue complète : traits + signaux + maturité |
| Point d’adaptation | Un endroit de votre interface pouvant afficher différentes variantes |
| Règle | Une paire condition-action : “si X, afficher la variante Y” |
| Stratégie | Comment les variantes sont sélectionnées (par règles aujourd’hui, bandits à venir) |
| Tracker | Enregistre les événements et alimente le calcul des signaux |
| Persistance | Stocke les traits et signaux entre les sessions |
Architecture
Section intitulée « Architecture »Track Events → Compute Signals → Evaluate Rules → Render Variant ↑ ↓ └──────────── Impression Tracking ←──────────────────┘Presage fonctionne entièrement côté client par défaut, avec un backend optionnel pour les fonctionnalités avancées. Le noyau est agnostique du framework — les adaptateurs React et Vue fournissent des bindings idiomatiques.
Prochaines étapes
Section intitulée « Prochaines étapes »- Démarrage rapide — Installez et construisez votre premier composant adaptatif en 5 minutes
- Concepts fondamentaux — Plongée en profondeur dans les briques de base
- Référence API — Définitions de types complètes et signatures de méthodes