¿Son los diálogos modales una buena práctica para la web? [cerrado]

Question

¿Se considera que ventanas / diálogos modales es una buena práctica para los sitios web? Una de las cosas que me preocupa sobre el uso de una ventana modal es que se parece mucho a una ventana emergente y podría causar la frustración del usuario o hacer que los usuarios simplemente la cierren porque es intrusivo. ¿Conoce algún estudio que habla sobre las preferencias de los usuarios y las tasas de uso?

¿Hay algún problema de accesibilidad además de que un enlace de ventana modal cargue el contenido en una página nueva cuando JavaScript está desactivado? ¿Le le gustan los sitios o las aplicaciones web que usan ventanas modales? ¿Por qué o por qué no? ¿Cuáles son las buenas y malas prácticas para implementar ventanas modales? Sé que los modales se usan con mayor frecuencia cuando se muestran imágenes o galerías, pero ¿cuáles son algunos otros casos prácticos de uso? ¿Los usas en tu sitio y qué te llevó a tomar una decisión?

Answer 1

Desde el punto de vista de la práctica, excluyendo la accesibilidad, las ventanas modales proporcionan una alternativa que es menos sorprendente como, por ejemplo, los cuadros de diálogo y se siente menos intrusiva que las ventanas emergentes. Por lo general, tienen una sensación más cohesiva con el sitio que cualquiera de los dos métodos mencionados anteriormente. Aparte de las imágenes o los medios, he usado diálogos modales para cumplir el mismo propósito que los cuadros de diálogo: para que el usuario proporcione algún tipo de información requerida o para reconocer algo antes de permitirles volver a interactuar con el sitio.

Desde un punto de vista puramente accesible, no son tan buenos. Por lo general, requieren JavaScript y, debido a la forma en que se administran los modales con respecto al DOM, los lectores de pantalla no los interpretarán bien. Para combatir esto, siempre es una buena idea degradarse con gracia, una sugerencia es tomar el contenido del diálogo modal y colocarlo en una página. Siempre que aparezca el diálogo modal , redirigir la página actual a la 'página modal', obtener la entrada del usuario y volver a la página en la que estaba.

Finalmente, en lo que respecta a mis opiniones personales, no me importan las ventanas modales. Creo que, cuando se usan correctamente, proporcionan una experiencia decente: si algo tiene para llamar mi atención, entonces preferiría hacerlo sin redirigirme desde la página, mostrando un sistema operativo feo. diálogo, o una ventana emergente (que mi navegador probablemente bloqueará, de todos modos). Supongo que, para resumir, si tuviera que elegir cómo me gustaría que me interrumpieran, entonces elegiría un diálogo modal.

Answer 2

Parece que muchos confunden la ventana modal con un panel de capas. Un cuadro de diálogo puede ser una ventana modal y una ventana emergente es una ventana modal. Un panel de capas no es una ventana, pero tiene la apariencia de una ventana emergente o un cuadro de diálogo. Es modal en el sentido de que las capas subyacentes no están disponibles. Las ventanas modales son populares en los sitios web porque son inmunes a los bloqueadores de elementos emergentes.

Las ventanas modales fueron diseñadas para obtener información o acción del usuario que la aplicación subyacente requiere para continuar. Las ventanas no modales permiten al usuario alternar entre la ventana y la aplicación subyacente. Un buen uso de una ventana no modal puede ser la ayuda de pantalla o un tutorial, donde el usuario necesita una herramienta de referencia y acceso a la aplicación subyacente.

En mi humilde opinión, las ventanas modales se diseñaron para un propósito específico limitado y se usan de forma inadecuada muchas veces. ¡Solo porque puedes hacer algo no significa que debas! :-)

Answer 3

Solo uso ventanas modales en aplicaciones web para preguntas simples o acciones que requieren que el usuario se concentre por completo, para eso sirve Modal, para " olvidar el fondo " y concéntrate en lo que piden las aplicaciones ...

ejemplos:

" El préstamo máximo permitido se alcanzó en un límite, ¿está seguro de que desea enviar este nuevo préstamo al cliente? "

seleccionando un texto previo para enviar un correo electrónico, por ejemplo (una ventana modal que se puede usar para corregir el texto del asunto y del cuerpo o seleccionar un tema / cuerpo predefinido para enviar a un cliente ...

cosas por el estilo :)

Realizo muchas aplicaciones web de Finanzas que funcionan desde el sitio web en el que el usuario ingresa todos los datos financieros para el envío de los contratos por PDF completado con solo unos clics, y esas son las acciones en las que utilizo ventanas modales.

espero que ayude

Answer 4

37Signals tiene una interesante publicación sobre los modales aquí . Hablan sobre el uso de modales para indicar la importancia a través del tamaño de la pantalla, donde la superposición modal no es lo suficientemente importante como para que sea necesario navegar a una nueva página.

Answer 5

Con bastante frecuencia uso ventanas modales en aplicaciones web para pantallas de ingreso de datos. Por ejemplo, el usuario tendrá una lista o pantalla de resultados de búsqueda y puede hacer clic en un registro para abrirlo en una ventana modal para editar. No utilizo las ventanas modales tanto en los sitios web como prefiero una "aplicación" un poco menos como la sensación de un sitio.

Answer 6

La mayoría de los problemas de los diálogos en el centro web sobre la implementación deficiente. Algunas consideraciones incluyen:

• tamaño de pantalla
• redimensionamiento de la ventana del navegador
• dónde abrir el diálogo
• enviar elementos de formulario
• efecto de luz estroboscópica de superposición fuerte
• degradación elegante (como se mencionó anteriormente)

Todo esto se puede superar fácilmente con algunas técnicas de previsión y programación, lo que hace que los diálogos en la web sean muy útiles cuando se implementan correctamente.