Coloque la información importante en el contexto adecuado.
Progreso de la revisión
Comparar información y presentación en contexto de uso.
Pruebe la operación, cambie el estado y continúe trabajando.
El progreso se guarda automáticamente en este navegador.
GUÍA
Realice la acción recomendada y luego regrese a la pantalla. El banner debe actualizarse o desaparecer cuando se resuelva el problema; No permita que la información antigua siga preocupando a los usuarios.
EJEMPLOS
El banner “Información completa para continuar” tiene un botón para ir a la sección correcta que falta; Después de agregarlo, el banner no vuelve a aparecer.
Separa información, advertencias, errores y aciertos con etiquetas o iconos del mismo color.
Lea el banner al quitar el color; Los usuarios aún entienden si necesitan prestar atención o simplemente saber más.
Ejemplo "Pago incompleto" tiene un ícono de advertencia y una acción de verificación.
Ponga primero lo que acaba de suceder, luego indique el impacto y breves pasos del tratamiento.
Pruebe mensajes de formato largo y métricas dinámicas; Evite ocultar acciones importantes en el móvil.
Ejemplo "La sesión está a punto de expirar. Guarde un borrador antes de volver a iniciar sesión".
Priorice la acción correcta de manejo de eventos, tal vez agregue una opción de cierre si el mensaje no es necesario.
Haga clic en acción y luego regrese; No habrá más mensajes de error si se resuelve el problema.
Ejemplo El botón "Volver a conectar" en la notificación de pérdida de conexión no conduce a la página de inicio.
Mantenga el mensaje lo suficientemente destacado como para que se note, pero sin quitarle importancia al contenido principal de la página.
Coloque el banner sobre un fondo y un tema oscuros; El texto, los enlaces y los botones deben ser legibles.
Ejemplo Banner de advertencia con borde e ícono; La descripción todavía utiliza un tamaño de fuente fácil de leer.
Utilice iconos para representar el tipo de mensaje y mantenga las etiquetas de texto como fuente principal de información.
Oculta el icono y vuelve a leer; El mensaje debe mantenerse solo y no perder significado.
Ejemplo El icono del candado va con la frase "Aún no tienes derechos de edición".
Coloque la notificación cerca del área a la que afecta; Los anuncios de toda la sesión se pueden encontrar en la parte superior de la página.
Desplácese por la página y abra el teclado; El banner no debe cubrir el botón de procesamiento en el área correspondiente.
Ejemplo Los errores de filtro están al lado de los resultados; El mantenimiento del servicio está en la cima.
