Modal

Définition, exemples et bonnes pratiques

À retenir

  • Interrompt l'interaction avec le reste du logiciel.
  • Exige une action utilisateur pour disparaître (validation, annulation ou fermeture).
  • Sert à focaliser l'attention sur une tâche précise ou critique.

En informatique, un élément est dit « modal » lorsqu'il s'affiche par-dessus l'interface principale et interrompt le flux de travail habituel en forçant l'utilisateur à interagir avec lui. Tant que cette fenêtre ou ce menu est ouvert, le reste de l'application est verrouillé, à la manière d'un guichet de péage qui impose un arrêt obligatoire avant de pouvoir reprendre sa route.

Étymologie

Dérivé du latin modalis et du mot « mode ». En programmation, cela indique que l'interface entre dans un mode de fonctionnement exclusif : l'application ne traite plus que les événements liés à cette fenêtre spécifique jusqu'à sa fermeture.

Exemples d'usage

  • Une boîte de dialogue demandant « Souhaitez-vous enregistrer les modifications avant de quitter ? ».
  • Une fenêtre de saisie de mot de passe qui apparaît au centre de l'écran en assombrissant l'arrière-plan.
  • Un message d'alerte critique suite à une erreur système nécessitant de cliquer sur « OK » pour continuer.

Cas d'usage

Ce concept intervient massivement dans le développement d'interfaces (UI/UX) pour les sites web, les applications mobiles et les logiciels de bureau afin de gérer les confirmations, les alertes de sécurité ou les saisies de données rapides sans changer de page.

Bonnes pratiques

L'usage de fenêtres modales doit être limité car elles sont intrusives. Il est recommandé de toujours inclure un moyen simple de les fermer (touche Echap, bouton de fermeture ou clic en dehors de la zone) et d'éviter d'en empiler plusieurs les unes sur les autres.

Synonymes

fenêtre de dialogue dialogue bloquant interface exclusive

Antonymes

amodal non-bloquant

Conseil

Si vous débutez en design d'interface, posez-vous toujours la question : « L'action de l'utilisateur est-elle indispensable à cet instant précis ? ». Si la réponse est non, préférez une notification discrète plutôt qu'une fenêtre modale pour ne pas frustrer vos utilisateurs.

Questions fréquentes

Quelle est la différence avec une fenêtre amodale ?

Une fenêtre amodale permet de continuer à utiliser le reste de l'application tout en restant ouverte, contrairement à la modale qui bloque tout.

Est-ce la même chose qu'un pop-up ?

Toutes les modales sont des fenêtres surgissantes (pop-up), mais tous les pop-ups ne sont pas modaux ; certains peuvent s'ouvrir sans bloquer l'interface principale.