La ventana emergente es una forma común de interacción en la aplicación, que tiene principalmente dos funciones: "transmitir información" y "obtener retroalimentación". Dividido por categorías, se puede dividir en dos categorías: "ventanas emergentes modales" y "ventanas emergentes no modales".
Ventana emergente modal:
El comportamiento actual de la operación del usuario se interrumpe a la fuerza y la información se pasa al usuario. Al mismo tiempo, el usuario debe responder a la operación, de lo contrario no se pueden utilizar otras funciones.
Contiene: Diálogo / Alertas (cuadro de alerta, cuadro de diálogo); Barra de acción, Hojas de acción, Vista de actividad (barra de acción, lista de operaciones, vista activa); Popover / Popup (cuadro emergente, capa flotante)
Ventana emergente no modal:
No afecta el comportamiento de funcionamiento actual del usuario, la información se transmite al usuario y el usuario no necesita responder a ella, generalmente desaparece después de unos segundos.
Contiene: tostadas / HUD (cuadro de sugerencias); Snackbar (ventana emergente inferior)
Principios de diseño emergente
(1) Redacción optimizada
(2) Sencillo
Malentendidos comunes:
1. Cuadro de diálogo (cuadro de advertencia) y hojas de acción (lista de acciones)
(1) El diálogo se centra en transmitir información, por lo que la prioridad del contenido de la copia es mayor. Action Sheets se centra en las opciones funcionales, por lo que los botones que representan diferentes opciones funcionales tienen mayor prioridad.
(2) Cuando hay 2 botones o menos, generalmente se usa Diálogo. Cuando hay más de dos botones, generalmente se utilizan hojas de acción. (Refiérase únicamente a la situación general, tratamiento especial para escenas especiales)
(3) Para escenas que necesitan ser interrumpidas a la fuerza, use Dialog. Tales como: sin red, actualización de versión.
Los ejemplos de diseño de ventanas emergentes que ofrece SOOUI definitivamente te inspirarán.
Diseño emergente de pantalla completa
Ventana emergente de la interfaz de usuario de Maid Radar