Las notificaciones toast son una mala UX

• El problema clave de los toasts es que siempre aparecen lejos de la atención del usuario
• Problemas del toast de YouTube
  • Toda la interacción es muy incómoda
    • Se hace clic en el botón "Guardar" a la derecha de la pantalla
    • Aparece un modal en el centro de la pantalla
    • Aparece un toast en la parte inferior izquierda de la pantalla
  • Problemas adicionales
    • El toast se retrasa sin mostrar un indicador de carga
    • Al marcar o desmarcar una casilla en el modal, hay que esperar varios segundos a que desaparezca el toast anterior para recibir el toast de confirmación de la acción más reciente
    • El botón "Deshacer" del toast es innecesario. El usuario simplemente puede volver a hacer clic en la casilla
• Solución: eliminar los toasts
  • Se pueden resolver todos los problemas simplemente rediseñando la interacción de "Guardar"
    • La lista de reproducción se muestra justo debajo del botón en lugar de en un modal
    • Después de marcar/desmarcar una casilla, aparece un indicador de carga
    • Cuando el indicador de carga desaparece, significa que la acción se completó
    • No se necesita ningún toast
• 2 ejemplos adicionales
  • 1. Confirmar que se agregó/eliminó un elemento
    • En Gmail, al archivar un correo, aparece un toast para mostrar confirmación. Pero al archivar el correo, este desaparece de la lista, lo que ya implica que la acción fue exitosa
    • Nota: la retroalimentación mediante toast puede ser útil para la función de deshacer y al usar atajos de teclado
  • 2. Confirmar que se copió un elemento
    • Después de copiar un elemento al portapapeles, aparece un toast. En este ejemplo, el propio botón ya incluye la confirmación, así que el toast es completamente innecesario
• Puede ser aún peor
  • Algo peor que un toast es no tener ninguna retroalimentación
  • Si no hay tiempo para diseñar o implementar un mecanismo de retroalimentación mejor, un toast sigue siendo mejor que nada

Resumen de GN⁺

• Este artículo explica el impacto negativo de los toasts en la experiencia de usuario y presenta alternativas para resolverlo
• A través de los ejemplos de YouTube y Gmail, describe de forma concreta los problemas de los toasts
• Propone mecanismos de retroalimentación más intuitivos e inmediatos en lugar de toasts
• Para mejorar la experiencia de usuario, es importante diseñar cuidadosamente los mecanismos de retroalimentación

[wkang586]

O sea, ¿lo que pasa es que los malos toasts son los malos??

[GN⁺]

Opinión de Hacker News

• Necesidad de las notificaciones toast

  • No está de acuerdo con la afirmación de que transmitir información redundante en UX sea una mala experiencia de usuario
  • La transmisión redundante de información cumple la función de garantizar que el mensaje se comunique con certeza
  • Los toast ayudan a que los usuarios aprendan rápidamente patrones al comunicar el estado de todas las acciones de una manera estandarizada
  • Si se usan junto con indicadores específicos, su significado se vuelve más claro
  • Si se eliminan los toast, se impone a los usuarios la carga de tener que entender de múltiples maneras que algo fue "completado"
  • Esto resulta especialmente incómodo para personas mayores, personas con discapacidad visual y niños

• Desventajas de las notificaciones toast

  • Se vuelven problemáticas cuando desaparecen demasiado rápido o atraen atención innecesariamente
  • En el enfoque tradicional de escritorio, los mensajes de error se muestran en un modal y los mensajes de éxito en una barra de estado
  • La barra de estado funciona como la última línea de salida de una terminal CLI y ofrece un popup para revisar mensajes anteriores

• Ejemplo de YouTube

  • En YouTube, al eliminar un comentario aparecen dos notificaciones toast
  • Si se eliminan varios comentarios rápidamente, cada toast de confirmación de eliminación aparece en secuencia, lo que toma tiempo

• Necesidad del botón Undo

  • El botón Undo es útil cuando se hace clic por error
  • Cuando no se conoce bien la aplicación, no es fácil hacer Undo solo a partir del mensaje

• Ventajas de los toast

  • Los toast ofrecen una implementación estándar que mejora la usabilidad del sistema
  • La mayoría de los sistemas no cuenta con personal suficiente para resolver problemas de diseño avanzados

• Uso adecuado de los toast

  • Los toast solo son adecuados para notificaciones no relacionadas con acciones del usuario
  • La retroalimentación sobre una acción del usuario debe proporcionarse dentro del contexto de esa acción
  • En el caso de tareas asíncronas, se debe informar de inmediato que la tarea está en espera y ofrecer opciones para cancelar y revisar el progreso

• Toast y retroalimentación inline

  • Los toast son una forma universal y no intrusiva de confirmar acciones del usuario
  • La retroalimentación inline puede causar confusión si se aplica mal

• Crítica a la alternativa propuesta por el autor

  • Los indicadores de carga pueden causar el problema de transmitir mal los errores al usuario
  • Hay que considerar por qué Google y la mayoría de las bibliotecas de UI usan mensajes toast/notificaciones
  • La opinión del autor se acerca más a una postura personal que a una conclusión analítica
  • Personalmente, se prefiere la UX de los toast y las notificaciones