Cuadro de diálogo de alerta

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 una acción inmediata del usuario.

El cuadro de diálogo de alerta típico proporciona información en un cuadro separado al usuario, tras lo cual el usuario solo puede responder de una manera: cerrándolo. Al cerrar un cuadro de diálogo de alerta, se brindará acceso a la ventana original, que no está disponible mientras se muestra el cuadro de diálogo de alerta.

Los profesionales de la usabilidad consideran que los cuadros de diálogo de alerta que bloquean la aplicación son una mala solución de diseño , 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 para sus objetivos de informar a los usuarios sobre una condición de error o protegerlos de una operación destructiva.

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 algún modo peligroso o perjudicial, ofreciendo a menudo la opción de no continuar.
• Información: presenta una notificación general sobre un evento reciente.
• Pregunta: obtiene algún tipo de respuesta del usuario, necesaria para completar el proceso actual.

Las alertas de advertencia y pregunta 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 una continuará con el proceso en pausa que activó el cuadro de diálogo y la otra interrumpirá el proceso sin realizar ninguna acción. Una buena práctica en el diseño de interfaces , que a menudo se incluye en las pautas de 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 mientras se edita un documento con cambios sin guardar).

La razón principal para utilizar 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. Presenta 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 el usuario lo aborde antes de continuar con el siguiente paso.

La utilidad del diálogo de alerta aumenta 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 a diferencia de las técnicas de estilo visual que son propensas a inconsistencias entre plataformas.
• Las ventanas gráficas (pantallas) más pequeñas hacen que sea más difícil revisar la ventana principal del programa en busca de errores o información.
• Las ventanas gráficas más pequeñas han acostumbrado 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.

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.

Este diálogo también asume el control sobre la interfaz de usuario, impidiendo que el usuario proceda con cualquier otra tarea en la aplicación hasta que se cierre la ventana de diálogo. ^{[ cita requerida ]}

Los cuadros de diálogo de alerta modales son propensos a producir errores de modo debido a su naturaleza no solicitada. Un estudio que se publicará en las Actas de la Sociedad de Factores Humanos y Ergonomía mostró que cuando aparece un cuadro de diálogo de usuario, el objetivo principal de los usuarios es, por lo general, deshacerse de ellos lo antes posible ^[2], incluso sin ningún análisis de las causas de la aparición del cuadro de diálogo. Cuando se les preguntó, los usuarios descartaron cualquier cuadro de diálogo como una distracción de su 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 centrado en el usuario adecuado , los desarrolladores deciden el texto del mensaje, incluyendo 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 deberían poder deshacerse siempre que sea posible; un cuadro de diálogo modal que aparece inesperadamente o que se descarta por habituación no protegerá contra 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 cuadro de diálogo.

Otro problema reconocido es que, como ventana modal , el cuadro de diálogo bloquea todo el flujo de trabajo en el programa hasta que se cierra. Los usuarios pueden no reconocer que el cuadro de diálogo requiere su atención, lo que genera confusión sobre la falta de respuesta de la ventana principal o 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 ser corregido. ^[6]

• Diseño alrededor de diálogos, una presentación sobre los problemas de uso de los diálogos de alerta.