Les notifications toast sont une mauvaise UX

• Le problème fondamental des toasts est qu’ils apparaissent toujours loin de l’attention de l’utilisateur
• Problèmes du toast de YouTube
  • L’ensemble de l’interaction est très inconfortable
    • On clique sur le bouton « Enregistrer » à droite de l’écran
    • Une modale apparaît au centre de l’écran
    • Un toast apparaît en bas à gauche de l’écran
  • Problèmes supplémentaires
    • Le toast s’affiche avec retard, sans indicateur de chargement
    • Quand on coche ou décoche une case dans la modale, il faut attendre quelques secondes que le toast précédent disparaisse pour recevoir le toast de confirmation de l’action la plus récente
    • Le bouton « Annuler » du toast est inutile. L’utilisateur peut simplement recliquer sur la case
• Solution : supprimer les toasts
  • Il suffit de repenser l’interaction « Enregistrer » pour résoudre tous les problèmes
    • La playlist s’affiche juste sous le bouton au lieu d’apparaître dans une modale
    • Après avoir coché/décoché une case, un indicateur de chargement apparaît
    • Quand l’indicateur de chargement disparaît, cela signifie que l’action est terminée
    • Plus besoin de toast
• Deux exemples supplémentaires
  • 1. Confirmer qu’un élément a été ajouté/supprimé
    • Quand on archive un email dans Gmail, un toast apparaît pour confirmer l’action. Mais une fois l’email archivé, il disparaît de la liste, ce qui laisse déjà entendre que l’action a réussi
    • À noter : le toast peut être utile comme retour visuel pour la fonction d’annulation et lors de l’usage des raccourcis clavier
  • 2. Confirmer qu’un élément a été copié
    • Un toast apparaît après la copie d’un élément dans le presse-papiers. Dans cet exemple, le bouton lui-même intègre déjà la confirmation, donc le toast est totalement inutile
• Cela pourrait être pire
  • Ce qui est pire qu’un toast, c’est l’absence totale de retour
  • Si l’on n’a pas le temps de concevoir ou de mettre en place un meilleur mécanisme de feedback, un toast vaut mieux que rien

Résumé de GN⁺

• Cet article explique l’impact négatif des toasts sur l’expérience utilisateur et propose des alternatives pour résoudre le problème
• Il détaille concrètement les problèmes des toasts à travers les exemples de YouTube et Gmail
• Il propose, à la place des toasts, des mécanismes de feedback plus intuitifs et immédiats
• Pour améliorer l’expérience utilisateur, il est important de concevoir avec soin les mécanismes de feedback

[wkang586]

Donc, c’est bien que les mauvais toasts sont mauvais, c’est ça ??

[GN⁺]

Avis Hacker News

• Nécessité des notifications toast

  • Ne pas être d’accord avec l’idée qu’une transmission redondante de l’information serait une mauvaise UX
  • La transmission redondante de l’information sert à garantir que le message est bien reçu
  • Les toasts aident les utilisateurs à apprendre rapidement les schémas en transmettant l’état de toutes les actions d’une manière standardisée
  • Lorsqu’ils sont utilisés avec certains indicateurs, leur signification devient plus claire
  • Supprimer les toasts oblige les utilisateurs à comprendre qu’une action est « terminée » de plusieurs façons différentes
  • C’est particulièrement gênant pour les personnes âgées, les personnes malvoyantes et les enfants

• Inconvénients des notifications toast

  • Il y a un problème lorsque les toasts disparaissent trop vite ou attirent inutilement l’attention
  • Dans l’approche traditionnelle du desktop, les messages d’erreur sont affichés dans des modales, tandis que les messages de succès apparaissent dans la barre d’état
  • La barre d’état fonctionne comme la dernière ligne de sortie d’un terminal CLI, avec une fenêtre contextuelle permettant de consulter les messages précédents

• Exemple de YouTube

  • Sur YouTube, la suppression d’un commentaire déclenche deux notifications toast
  • Si l’on supprime rapidement plusieurs commentaires, chaque toast de confirmation de suppression apparaît à son tour, ce qui prend du temps

• Nécessité d’un bouton Undo

  • Le bouton Undo est utile en cas de clic accidentel
  • Quand on connaît mal l’application, il peut être difficile d’annuler facilement une action à partir du seul message

• Avantages des toasts

  • Les toasts fournissent une implémentation standard qui améliore l’utilisabilité du système
  • La plupart des systèmes n’ont pas les ressources humaines nécessaires pour résoudre des problèmes de design avancés

• Usage approprié des toasts

  • Les toasts ne sont adaptés qu’aux notifications sans lien avec une action de l’utilisateur
  • Le retour sur une action de l’utilisateur devrait être fourni dans le contexte même de cette action
  • Dans le cas de tâches asynchrones, il faut indiquer immédiatement que la tâche est en attente et proposer des options pour l’annuler et suivre sa progression

• Toasts et feedback inline

  • Les toasts constituent une méthode universelle et non intrusive pour confirmer une action de l’utilisateur
  • Le feedback inline peut créer de la confusion s’il est mal appliqué

• Critique de la proposition alternative de l’auteur

  • Les indicateurs de chargement peuvent rendre la transmission des erreurs plus difficile pour l’utilisateur
  • Il faut prendre en compte le fait que Google et la plupart des bibliothèques UI utilisent des messages toast/de notification
  • L’avis de l’auteur relève davantage d’une opinion personnelle que d’une conclusion analytique
  • Personnellement, je préfère l’UX des toasts et des notifications