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.

Para obtener más contexto sobre cuándo usar cada tipo de notificación, incluidos los modales, consulte el patrón de notificaciones.

En línea

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.

Toast

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.

Anatomía

• 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.

Acción

• Mantenga las etiquetas concisas e indique claramente la acción que puede realizar el usuario.

• Limite las etiquetas de acción a una o dos palabras. Para obtener una lista de etiquetas de acciones recomendadas, consulte las pautas de contenido de Carbon .