Les dialogues modaux sont-ils une bonne pratique pour le Web? [fermé]

Question

Les fenêtres / boîtes de dialogue modales sont-elles considérées comme une bonne pratique pour les sites Web? Une des choses qui me préoccupent au sujet de l’utilisation d’une fenêtre modale est qu’elle ressemble tellement à une fenêtre contextuelle et que cela peut causer de la frustration à l’utilisateur ou le pousser simplement à le fermer parce qu’il est intrusif. Connaissez-vous des études qui parlent des préférences des utilisateurs et des taux d’utilisation?

Existe-t-il des problèmes d'accessibilité outre le fait que le lien de fenêtre modale charge le contenu dans une nouvelle page lorsque JavaScript est désactivé? Aimez-vous les sites ou les applications Web qui utilisent des fenêtres modales? Pourquoi ou pourquoi pas? Quelles sont les bonnes et les mauvaises pratiques pour la mise en œuvre de fenêtres modales? Je sais que les modaux sont probablement le plus souvent utilisés pour afficher des images ou des galeries, mais quels sont d'autres cas d'utilisation pratiques? Les utilisez-vous sur votre site et qu'est-ce qui vous a amené à prendre votre décision?

Answer 1

Du point de vue de la pratique - hors accessibilité - les fenêtres modales constituent une alternative moins surprenante que, par exemple, les boîtes de dialogue et sont moins intrusives que les fenêtres contextuelles. Ils ont généralement une sensation de cohésion sur le site supérieure à celle des deux méthodes susmentionnées. Outre les images ou les médias, j'ai utilisé des boîtes de dialogue modales pour remplir le même objectif que les boîtes de dialogue: pour inciter l'utilisateur à fournir une forme de saisie requise ou à accuser réception de quelque chose avant de le laisser interagir à nouveau avec le site.

D'un point de vue purement accessible, ils ne sont pas si bons. Ils nécessitent généralement JavaScript et, en raison de la manière dont les modaux sont gérés par rapport au DOM, les lecteurs d'écran ne les interpréteront pas bien. Pour lutter contre cela, il est toujours bon de se dégrader avec élégance. Une suggestion est de prendre le contenu du dialogue modal et de le placer sur une page. Chaque fois que la boîte de dialogue modale doit apparaître, faites rediriger la page actuelle vers la "page modale", obtenez les entrées de l'utilisateur et revenez à la page sur laquelle elle était affichée.

Enfin, en ce qui concerne mes opinions personnelles, les fenêtres modales ne me dérangent pas. Je pense que lorsqu'ils sont utilisés correctement, ils fournissent une expérience décente - si quelque chose doit attirer mon attention, je préférerais que ce soit ainsi sans me rediriger de la page, en montrant un système d'exploitation désagréable. dialogue ou une fenêtre contextuelle (que mon navigateur bloquera probablement de toute façon). En résumé, si je devais choisir comment je voudrais être interrompu, je choisirais un dialogue modal.

Answer 2

Il semble que beaucoup confondent la fenêtre modale avec un panneau en couches. Une boîte de dialogue peut être une fenêtre modale et une fenêtre contextuelle est une fenêtre modale. Un panneau en couches n'est pas une fenêtre, mais a l'apparence d'une fenêtre contextuelle ou d'une boîte de dialogue. Il est modal en ce sens que les couches sous-jacentes ne sont pas disponibles. Les fenêtres modales sont populaires sur les sites Web car elles sont immunisées contre les bloqueurs de fenêtres publicitaires.

Les fenêtres modales ont été conçues pour obtenir les informations ou les actions de l'utilisateur nécessaires à la poursuite de l'application sous-jacente. Les fenêtres non modales permettent à l'utilisateur de basculer entre la fenêtre et l'application sous-jacente. Une fenêtre non-modale peut être utile comme aide à l’écran ou comme didacticiel, où l’utilisateur a besoin d’un outil de référence et d’un accès à l’application sous-jacente.

IMHO, les fenêtres modales ont été conçues pour un but spécifique étroit et sont utilisées de manière inappropriée beaucoup de fois maintenant. Ce n'est pas parce que vous pouvez faire quelque chose que vous devriez le faire!: -)

Answer 3

Je n'utilise les fenêtres Modal sur les applications Web que pour des questions simples ou des actions nécessitant une concentration complète de l'utilisateur, c'est à cela que sert Modal, pour "oublier l'arrière-plan". et concentrez-vous sur ce que les applications demandent ...

exemples:

"Le montant maximal du prêt autorisé a été atteint, êtes-vous sûr de vouloir envoyer ce nouveau prêt au client?"

Sélection d'un texte préliminaire pour l'envoi d'un courrier électronique, par exemple (une fenêtre modale pouvant être utilisée pour redresser le texte du sujet et du corps ou sélectionner un sujet / corps prédéfini à envoyer à un client ...

des trucs comme ça:)

Je fais beaucoup d'applications Web Finance qui fonctionnent à partir du site Web où l'utilisateur entre toutes les données financières jusqu'à l'envoi des contrats par PDF complété, en seulement quelques clics. Ce sont les actions pour lesquelles j'utilise des fenêtres modales.

espérons que cela aide

Answer 4

37Signals a un article intéressant sur les modaux ici . Ils parlent d'utiliser des modaux pour indiquer leur importance par le biais de la taille de l'écran, lorsque la superposition modale n'est pas assez importante pour nécessiter une navigation vers une nouvelle page.

Answer 5

J'utilise assez souvent des fenêtres modales dans les applications Web pour les écrans de saisie de données. Par exemple, l'utilisateur aura une liste ou un écran de résultats de recherche et pourra cliquer sur un enregistrement pour l'ouvrir dans une fenêtre modale à éditer. Je n'utilise pas autant les fenêtres modales dans les sites Web que je préfère un peu moins "comme une application", comme pour un site.

Answer 6

La plupart des problèmes de dialogues sur le Web sont centrés sur une mise en œuvre médiocre. Quelques considérations à prendre en compte:

• taille de l'écran
• redimensionnement de la fenêtre du navigateur
• où ouvrir la boîte de dialogue
• soumission d'éléments de formulaire
• effet de lumière stroboscopique à recouvrement brutal
• dégradation progressive (comme mentionné précédemment)

Tous ces problèmes peuvent être facilement résolus avec des techniques de programmation et de prévoyance, rendant les dialogues sur le Web très utiles lorsqu'ils sont correctement implémentés.