Un cuadro de diálogo de alerta es un cuadro de diálogo especial que se muestra en una interfaz gráfica de usuario cuando ocurre algo inesperado que requiere la acción inmediata del usuario.
El cuadro de diálogo de alerta típico proporciona información en un cuadro separado al usuario, después de lo cual el usuario solo puede responder de una manera: cerrándolo. Cerrar un cuadro de diálogo de alerta proporcionará acceso a la ventana original, que no está disponible mientras se presenta el cuadro de diálogo de alerta.
Los cuadros de diálogo de alerta que bloquean la aplicación se consideran una mala solución de diseño por los profesionales de la usabilidad , ya que son propensos a producir errores de modo . Además, cuando se utilizan como cuadros de diálogo de error, se ha demostrado que son ineficaces en sus objetivos de informar a los usuarios sobre una condición de error o protegerlos de una operación destructiva.
Uso
Las alertas tienen varios usos típicos: [1]
- Error: informa al usuario que una operación no pudo continuar o completarse debido a algún error insuperable.
- Advertencia : alerta de que el curso de acción actual podría ser de alguna manera peligroso o perjudicial, y a menudo ofrece la opción de no continuar.
- Información: presenta una notificación general sobre un evento reciente.
- Pregunta: provoca algún tipo de respuesta del usuario, necesaria para completar el proceso actual.
Las alertas de advertencia y de preguntas suelen ofrecer dos opciones opuestas para cerrar el cuadro de diálogo ("Permitir / Denegar", "Aceptar / Cancelar", "Sí / No") con la suposición implícita de que uno continuará con el proceso en pausa que activó el cuadro de diálogo, y el otro interrumpirá el proceso sin acción. Una buena práctica en el diseño de la interfaz , que a menudo se incluye en las pautas de la interfaz humana , es etiquetar cada opción con el efecto preciso que tendrá en el proceso (por ejemplo, "Guardar / No guardar" en un cuadro de diálogo que se activa al editar un documento con cambios no guardados).
La razón principal para usar un diálogo de alerta en lugar de comunicarse a través de la ventana principal del programa es la modalidad . Un formulario en línea típico no es modal. Presentan al usuario muchas acciones que se pueden realizar en cualquier secuencia. Por el contrario, un diálogo de alerta crea un estado modal que aísla un elemento particular del formulario y requiere que un usuario lo aborde antes de continuar con el siguiente paso.
La utilidad del diálogo de alerta está aumentando con la penetración de los dispositivos móviles, porque:
- Las alertas modales son parte de la funcionalidad nativa de un dispositivo móvil, por lo que se pueden implementar de manera consistente en todo el ecosistema del dispositivo en lugar de las técnicas de estilo visual que son propensas a la inconsistencia entre plataformas.
- Las ventanas de visualización más pequeñas (pantallas) hacen que sea más difícil revisar la ventana principal del programa en busca de errores / información.
- Las ventanas gráficas más pequeñas han aclimatado a los usuarios a interactuar con una secuencia de pantallas pequeñas, cada una con una acción definida, en lugar de ver toda la información contextual a la vez en una pantalla grande.
Ejemplo
alert()
es el nombre del método utilizado en JavaScript para generar un cuadro de diálogo de alerta. El argumento del método es el texto que se mostrará en la ventana.
Un cuadro de diálogo creado de esta manera contendrá un símbolo de advertencia de triángulo amarillo (similar a los que se encuentran en los dispositivos eléctricos), el texto del mensaje de advertencia y un solo botón que dice "Aceptar" que cerrará la ventana.
Dicho diálogo también asume el control sobre la interfaz de usuario, evitando que el usuario continúe con cualquier otra tarea en la aplicación hasta que se cierre la ventana de diálogo. [ cita requerida ]
Crítica
Los cuadros de diálogo de alerta modal son propensos a producir errores de modo debido a su naturaleza no solicitada. Un estudio que aparecerá en Proceedings of the Human Factors and Ergonomics Society mostró que cuando aparece un cuadro de diálogo de usuario, el objetivo principal de los usuarios suele ser deshacerse de ellos lo antes posible [2], incluso sin ningún análisis de las causas del problema. apariencia de diálogo. Cuando se les preguntó, los usuarios descartaron cualquier cuadro de diálogo como una distracción de la tarea asignada.
Esto se explica por una queja común sobre la redacción del mensaje en el cuadro de alerta, que a menudo es incomprensible para el usuario. En aplicaciones sin un diseño adecuado centrado en el usuario , los desarrolladores deciden el texto del mensaje, incluidos los términos y conceptos del modelo mental del programador, no de la visión del mundo del usuario. Dado que el cuadro de diálogo no funciona para satisfacer las necesidades del usuario, la reacción común será descartar la alerta sin más consideración. [3]
Las acciones peligrosas deben poder deshacerse siempre que sea posible; un diálogo modal que aparece inesperadamente o que es descartado por la habituación no protegerá de la acción peligrosa. [4] Este problema se puede evitar proporcionando una acción de deshacer en lugar de una advertencia, [5] o mostrando la advertencia en una barra de información en lugar de un diálogo.
Otro problema reconocido es que, como ventana modal , el diálogo bloquea todo el flujo de trabajo en el programa hasta que se cierra. Es posible que los usuarios no reconozcan que el cuadro de diálogo requiere su atención, lo que genera confusión acerca de que la ventana principal no responde o provoca la pérdida de la entrada de datos del usuario. Esto sucede a menudo en los formularios de entrada de datos después de una alerta de error producida por datos no válidos. El diseño preferido incluye cambiar un aspecto visual del elemento de entrada para reflejar una entrada no válida (como aplicar un borde rojo) o agregar un carácter como un asterisco junto al elemento de entrada que necesita corregirse. [6]
Referencias
- ^ Pautas de diseño Java Look and Feel, segunda edición.
- ^ El estudio de ventanas emergentes falsas confirma tristemente que la mayoría de los usuarios son idiotas Ars Technica, 23 de septiembre de 2008
- ^ Raymond Chen , The Old New Thing: La respuesta predeterminada a cada cuadro de diálogo es "Cancelar"
- ^ Raskin, Jef (2000). La interfaz humana . Addison Wesley. ISBN 0-201-37937-6.
- ^ Aza Raskin , una lista aparte: nunca use una advertencia cuando se refiera a deshacer
- ^ Cooper, Alan (17 de marzo de 2003). Acerca de Face 2.0: lo esencial del diseño de interacción . Wiley. ISBN 0-7645-2641-3.
enlaces externos
- Designing Around Dialogs , una presentación sobre los problemas de uso de los diálogos de alerta.