Arrête de tout mettre dans une modale.
Passe une série de décisions rapides. Tu repars avec le pattern le moins intrusif qui fait le job.
Moins d'une minute. Zéro regret.Six patterns. Six usages.
Le composant est la conséquence. La contrainte vient d'abord.
Modale
Elle met l’interface en pause pour une décision courte que l’utilisateur vient de déclencher.
Drawer
Il ouvre un espace latéral pour une tâche secondaire, sans faire disparaître la page derrière.
Popover
Il affiche une petite couche au bon endroit pour un choix ou une aide rapide, sans déranger le reste de la page.
Page dédiée
Elle donne à une tâche complexe l’espace, l’URL et le temps qu’elle mérite.
Expansion inline
Elle révèle plus de contenu directement dans la page, exactement là où l’utilisateur en a besoin.
Toast
Il confirme rapidement que quelque chose s’est passé, puis disparaît sans interrompre le travail.
Trois étapes, une réponse claire.
Pas de compte, pas de blabla. Juste une reco que tu peux défendre.
- 1
Passe les cartes, une décision à la fois
Sur la tâche, le contexte et qui a déclenché l'action. Tu swipes ou tu cliques, tu ne tapes pas.
- 2
On pèse les contraintes
Un moteur déterministe note les six patterns selon tes réponses.
- 3
Tu obtiens un verdict
Un pattern, les raisons, les risques et le code pour démarrer.
Des questions ? On a les réponses.
Tout ce que tu peux te demander avant de faire confiance au verdict.
C'est quoi, au juste ?
Un outil de décision. Tu décris une interaction, il te recommande le pattern le moins intrusif qui fait le job : modale, drawer, popover, page, inline ou toast.
Comment il décide ?
Le moteur compare les six patterns à tes réponses. Mêmes réponses, même verdict. Pas de boîte noire, pas d'IA au pif.
Vous stockez mes données ?
Aucun compte, aucun backend, aucun tracking. Tes réponses vivent dans l'URL pour que tu puisses partager un résultat. C'est tout.
Et si le verdict semble faux ?
Change une réponse et regarde-le bouger. L'outil montre son raisonnement, donc tu peux le contredire. Et parfois tu devrais.