Las notificaciones son mensajes que comunican información al usuario. Los dos tipos principales de notificaciones son notificaciones toast y notificaciones en línea. Las notificaciones proporcionan un espacio limitado para el contenido y, por lo tanto, el contenido debe ser breve y conciso. Un usuario debe poder escanear rápidamente la notificación, estar informado de la situación y saber qué hacer a continuación.

Utilizamos notificaciones para informar a los usuarios de actualizaciones o cambios en el estado del sistema. La comunicación con los usuarios y la retroalimentación inmediata son importantes para generar confianza. Si bien las notificaciones son un método eficaz para comunicarse con los usuarios, son disruptivas y deben usarse con moderación.

Cuándo usar

Utilice notificaciones para informar a los usuarios sobre actualizaciones y cambios de estado importantes. La transparencia es un elemento fundamental para generar confianza en los usuarios. Deben ser relevantes para el usuario y lo menos disruptivos posible. Hay dos casos de uso principales para las notificaciones: generadas por tareas y generadas por el sistema.

Cuando no usar

Envíe notificaciones solo cuando sea necesario. Limite cada notificación a la parte de la interfaz y el flujo de trabajo para los que es relevante. Ser interrumpido crea una experiencia frustrante y desalentadora para los usuarios, por lo que esto debe limitarse tanto como sea posible. Además, las distracciones frecuentes reducen la productividad y pueden provocar fatiga por alerta.

Por tareas

Las notificaciones generadas por tareas se inician en respuesta a la acción del usuario durante una tarea específica. Proporcionan a los usuarios comentarios directos e inmediatos. Deben ubicarse en la región de la página en la que está trabajando el usuario y estar relacionados con la acción del usuario.

Puede enviar una notificación generada por la tarea cuando:

• Un formulario se envió correctamente

• Hay un problema al cargar un archivo.

• No se pueden encontrar las credenciales

Por el sistema

Estas notificaciones son iniciadas por la aplicación o el sistema, independientemente de la acción del usuario. Proporcionan actualizaciones sobre el estado del sistema en segundo plano o eventos fuera de contexto que han finalizado.

Puede enviar una notificación generada por el sistema cuando:

• Un usuario pierde la conexión a la red

• El mantenimiento planificado del sistema llegará pronto

• Un nuevo informe está listo

• La sesión de inicio de sesión del usuario está a punto de caducar

Mensaje de notificación

Es importante tener en cuenta el contexto del usuario al escribir mensajes de notificación. Utilice un lenguaje que sea accesible para el usuario y que se entienda fácilmente. Use un tono que sea apropiado para la situación y la notificación.

Debido a que las notificaciones generadas por tareas se envían en respuesta a la acción del usuario, no es necesario brindar a los usuarios información general extensa. Por el contrario, las notificaciones generadas por el sistema generalmente no son relevantes para la tarea actual del usuario, por lo que debe asegurarse de que el usuario tenga suficiente contexto para comprender la notificación.

Prioridad de notificación

Las notificaciones varían en su prioridad y, por lo tanto, deben variar en su grado de disrupción para los usuarios. Es importante hacer coincidir la urgencia y la prioridad de la información que se comunica con el estilo visual y el comportamiento de la notificación.

• Icono: informa a los usuarios del tipo de notificación de un vistazo.

• Título: ofrece a los usuarios una descripción general rápida de la notificación.

• Mensaje (opcional): proporciona detalles adicionales y pasos procesables para que los tome el usuario.

• Botón Cerrar (opcional): cierra la notificación.

Título

• El título debe ser breve y descriptivo, explicando la información más importante.

• Cuando sea posible, comunique el mensaje principal usando solo el título.

• Use un punto solo si el título es una oración completa.

Contenido

• Sea conciso y evite repetir o parafrasear el título.

• Limite el contenido a una o dos oraciones cortas.

• Explique cómo resolver el problema incluyendo las acciones de solución de problemas o los pasos siguientes. Puede incluir enlaces dentro del cuerpo de la notificación que redirijan al usuario a los siguientes pasos.

Las notificaciones en línea aparecen en los flujos de tareas para notificar a los usuarios el estado de una acción. Suelen aparecer en la parte superior del área de contenido principal. Las notificaciones en línea no son disruptivas y se limitan a un área específica en la interfaz de usuario. Las notificaciones en línea muestran mensajes generados por tareas y generados por el sistema y persisten hasta que el usuario las descarta o se resuelve la notificación. Se utilizan con frecuencia junto con mensajes de nivel de campo para errores en formularios u otras áreas de entrada.

Mejores prácticas:

• Coloque notificaciones en línea cerca de sus elementos relacionados.

• En los formularios, las notificaciones en línea se pueden colocar en la parte superior o inferior.

• Mantenga el mensaje en dos líneas.

• No cubra otro contenido con notificaciones en línea.

• El ancho de la notificación varía según el contexto y el diseño de la página.

• Sea descriptivo y dé a los usuarios los próximos pasos claros.

Los toast son elementos basados ​​en el tiempo, se utilizan para mostrar mensajes cortos; generalmente aparecen en la parte superior de la pantalla y desaparecen después de unos segundos.

Los toast son notificaciones que se deslizan hacia adentro y hacia afuera, generalmente en la parte superior derecha de la página. Son más disruptivas que las notificaciones en línea y se utilizan mejor con mensajes generados por el sistema que no corresponden a una sección específica de la interfaz de usuario. Los brindis desaparecen automáticamente después de un período de tiempo determinado, pero el usuario también puede descartarlos.

Si es posible que un brindis tenga un mensaje de más de tres líneas, incluya un mensaje corto con un enlace "Ver más" que lleve al usuario a una vista del mensaje de notificación completo. Puede ser una página completa con más detalles o un modal.

Mejores prácticas:

• Varios toast se apilan horizontalmente, y la más nueva aparece en la parte superior de la lista.

• Mantenga los mensajes claros y concisos

• Los toast se cierran después de cinco segundos.

• Las notificaciones del brindis tienen un ancho fijo y no deben expandirse para ajustarse al área de contenido.

Panel de notificación

Los paneles de notificación son útiles para los usuarios que reciben una gran cantidad de notificaciones generadas por el sistema o pueden necesitar hacer referencia a sus notificaciones más adelante. Se usan junto con brindis para alertar a los usuarios de las notificaciones a medida que ingresan.

Los paneles de notificación garantizan que los usuarios puedan acceder y leer todas las notificaciones sin saturar la pantalla con muchas notificaciones persistentes. También brindan una experiencia consistente a los usuarios que necesitan más tiempo para leer notificaciones, usar un lector de pantalla o prefieren limitar las notificaciones que reciben.

Mejores prácticas:

• Brinde a los usuarios la capacidad de administrar las preferencias de notificación.

• No envíe la misma notificación varias veces si los usuarios no interactúan con ella.

• Enumere las notificaciones en orden cronológico.

• Las notificaciones se pueden agrupar por fuente o urgencia.