Tipos de notificaciones en diseño UX

Las notificaciones son actualizaciones del sistema que queremos compartir con el usuario. Pueden llegar a nuestros smartphones, tablets y smartwatches, siendo enviadas por alguna de las aplicaciones que tenemos instaladas. 

Su función principal es garantizar que el usuario esté informado de cualquier detalle importante, mejorando así la experiencia de uso y manteniendo al usuario al tanto de eventos relevantes.

Para que una notificación sea efectiva y cumpla su propósito sin resultar intrusiva, tiene que estar bien diseñada. Los componentes principales de una notificación son:

• Título: es el elemento más destacado, para captar la atención del usuario de inmediato. Un buen título proporciona el contexto del evento en una frase concisa, como «Nuevo mensaje de Juan» o «Actualización disponible».
• Descripción: complementa el título ofreciendo más detalles sobre el evento de forma breve y precisa, idealmente en menos de 40 caracteres. Evita repetir la información del título; por ejemplo, podrías usar «Revisa tu bandeja de entrada» o «Versión 2.1 lista para descargar».
• Área de acción: las notificaciones tienen que incluir opciones accionables y claras, como botones con comandos directos («crear», «completar», «enviar»). Estos tienen que ser fácilmente identificables y contar con suficiente contraste para destacar visualmente.
• Icono: utiliza iconos significativos, como avatares o gráficos relevantes, puede ayudar a reforzar el contenido de la notificación y hacerla más reconocible. Por ejemplo, un icono de sobre para un nuevo mensaje o el logo de la aplicación que requiere atención.
• Tiempo y contexto: indicar el momento en que la notificación es relevante también es muy importante. Utiliza marcas temporales o contexto situacional para asegurar que el usuario entienda la urgencia o importancia del mensaje.

Lo ideal es tener una estrategia bien pensada detrás del diseño de notificaciones, ya que el 50% de los usuarios desactivan las notificaciones push por considerarlas molestas. Una buena estrategia puede marcar la diferencia entre una notificación ignorada y una que realmente aporta valor al usuario.

Para profundizar en cómo diseñar notificaciones efectivas, te recomendamos leer nuestro artículo “Optimiza el Diseño UX en las notificaciones de apps”, donde hablamos sobre prácticas recomendadas de diseño UX en las notificaciones.

Al comprender estos aspectos clave, estarás mejor preparado para diseñar notificaciones que informen sin molestar, mejorando así la experiencia de usuario y la efectividad de la comunicación de tu aplicación.

Los 4 niveles de notificaciones 

Las notificaciones se pueden categorizar en niveles, cada uno con su propio propósito y grado de urgencia. Entender estos niveles ayuda a diseñar notificaciones que sean efectivas y no intrusivas.

En la Human Interface Guidelines de Apple se establecen 4 niveles de notificaciones para los usuarios de iOS:

• Pasiva: información que podría ser útil para el usuario, pero no es especialmente relevante ni urgente. Su propósito es mantener al usuario informado sin causar interrupciones. Ejemplo: actualizaciones sobre nuevas funcionalidades de una aplicación que el usuario podría explorar en su tiempo libre.
• Activa (por defecto): información que los usuarios aprecian recibir, aunque no sea urgente. Son notificadas de manera que captan la atención del usuario sin causar estrés o interrupción significativa. Ejemplo: recordatorios de eventos próximos en el calendario o alertas sobre mensajes nuevos en Whatsapp.
• Sensible al tiempo: información importante que afecta directamente al usuario y requiere su atención inmediata. Su propósito es asegurar que el usuario responda rápidamente a situaciones que podrían tener un impacto significativo en su experiencia o seguridad. Ejemplo: una alerta sobre un intento de inicio de sesión no autorizado en la cuenta del usuario o un aviso de tráfico intenso en el camino al trabajo.
• Crítica: información de máxima importancia y urgencia relacionada con la salud o la seguridad del usuario. Son extremadamente infrecuentes y generalmente proceden de organismos públicos o gubernamentales. Ejemplo: Alertas sobre desastres naturales como terremotos o huracanes, o información urgente de seguridad pública como un ataque terrorista.

Los 5 tipos de notificaciones más utilizadas 

Después de entender los cuatro niveles de notificaciones según su urgencia y relevancia, debéis conocer los distintos tipos de notificaciones que se pueden utilizar para cada nivel. A continuación, presentamos los cinco tipos de notificaciones más comunes y sus características principales.

Icono con insignia

Muestra un pequeño círculo en el ícono de la aplicación para indicar actualizaciones no vistas. Puede tener un número que muestra la cantidad de notificaciones no leídas. Desaparece cuando el usuario revisa las notificaciones y vuelve a aparecer con nuevas actualizaciones. Es ideal para información de importancia media que no requiere atención inmediata.

Notificación push  

Aparece en la pantalla de bloqueo del dispositivo y es difícil de ignorar. Perfecta para información urgente como recordatorios del calendario, alarmas o actualizaciones importantes como vuelos retrasados. Atrae mucha atención del usuario.

Correo electrónico 

El usuario recibe un correo con detalles sobre la actualización, permitiéndole decidir cuándo leerlo. Si el título es claro, el usuario puede entender el contexto sin abrir el correo. Sin embargo, puede tardar más tiempo en ver la notificación.

Tostadas

Son bloques rectangulares que aparecen brevemente en la parte superior o inferior de la pantalla para notificaciones rápidas, como «Mensaje enviado». Desaparecen automáticamente después de unos segundos, por lo que pueden perderse fácilmente si no se leen a tiempo.

Superposición de pantalla completa

Son ventanas que bloquean la aplicación hasta que el usuario toma una acción. Garantizan que el usuario vea la notificación, pero deben usarse sólo para información muy importante y urgente, ya que interrumpen la actividad del usuario en la app.

Otros tipos de notificaciones 

Además de las notificaciones visuales más comunes, existen otras modalidades que pueden mejorar significativamente la experiencia del usuario al proporcionar información de manera adecuada según el contexto.

Notificaciones de sonido 

Las notificaciones de sonido incluyen alertas auditivas y mensajes de voz. 

Los sonidos etéreos, aunque sencillos, tienen estar cuidadosamente diseñados para que los usuarios puedan asociarlos fácilmente con eventos específicos. Para lograr esto, es útil seguir patrones de sonido ya conocidos en otras aplicaciones o seleccionar sonidos que reflejen claramente la acción que representan. Una práctica recomendada es permitir a los usuarios personalizar los sonidos para cada tipo de notificación para mejor así su reconocimiento.

En el caso de los mensajes de voz, es crucial que sean claros y agradables al oído. La voz debe ser fácil de entender y pronunciar correctamente en el idioma del usuario para asegurar una comunicación efectiva.

Notificaciones de sensación

Las notificaciones de sensación se basan en la vibración del dispositivo para alertar al usuario sobre eventos importantes. Son especialmente útiles cuando el dispositivo está en modo silencioso, ofreciendo una forma discreta de notificación adecuada para entornos donde el silencio es necesario, como reuniones. No obstante, su efectividad puede disminuir si el usuario no está prestando atención al dispositivo.

Elegir y diseñar adecuadamente las notificaciones según las necesidades y el contexto es crucial para mantener a tus usuarios informados y mejorar su experiencia. Clasificarlas por su urgencia y conocer los distintos tipos permite comunicar de manera efectiva sin ser intrusivo.

---

Foto de portada de Super Snapper en Unsplash.