Modale, drawer ou toast ? Réponds à quelques questions, on te dit lequel.
Un quiz gratuit pour designers et devs. Tu obtiens le pattern le moins intrusif pour ton cas, avec ses risques, les règles d’accessibilité et un exemple de code.
Entre six et douze cartes, oui ou non.Les six patterns
Chaque carte ouvre un guide : quand l’utiliser, quand l’éviter, et un exemple.
Modale
Une couche ciblée et bloquante pour une décision courte déclenchée volontairement.
Drawer
Un espace latéral contextuel pour une tâche secondaire qui demande de la place.
Popover
Une couche compacte et refermable attachée au contrôle ou à l’objet qui l’a ouverte.
Page dédiée
Une destination stable pour un travail complexe, multi-étapes, enregistrable ou partageable.
Expansion inline
Du contenu ou des contrôles révélés là où ils appartiennent, sans ajouter de nouvelle couche.
Toast
Un feedback système bref et non bloquant qui confirme un résultat sans interrompre le travail.
Comment ça marche
Sans compte. Tes réponses vivent dans l’adresse de la page, pas dans une base de données.
- 1
Réponds aux cartes
Chaque carte décrit ton interaction : qui la déclenche, combien de contenu, si elle bloque la suite. Glisse à droite pour oui, à gauche pour non, ou utilise les flèches du clavier.
- 2
Le moteur compte les points
Chaque réponse ajoute ou retire des points aux six patterns. Quelques règles écartent les cas impossibles. Les mêmes réponses donnent toujours le même résultat.
- 3
Tu lis le verdict
Le pattern retenu, pourquoi il convient, ses risques, les règles d’accessibilité et un exemple HTML pour démarrer.
Questions fréquentes
C’est quoi, au juste ?
Un outil de décision. Tu décris une interaction en quelques réponses par oui ou non. Il te recommande le pattern le moins intrusif qui convient : modale, drawer, popover, page dédiée, expansion inline ou toast.
Comment il décide ?
Avec un barème fixe. Chaque réponse ajoute ou retire des points à chaque pattern, et le meilleur score gagne. Il n’y a pas d’IA. Mêmes réponses, même verdict.
Vous stockez mes données ?
Non. Il n’y a ni compte, ni base de données, ni outil de statistiques. Tes réponses sont dans l’adresse de la page, ce qui permet de partager un résultat. Le site garde seulement ta langue dans un cookie.
Et si le verdict semble faux ?
Change une réponse et regarde le résultat bouger. La page de résultat montre les réponses qui ont le plus pesé. Tu peux donc vérifier le raisonnement, et le contester.