Actuellement, l’avatar dans le coin supérieur droit sert de boîte unifiée pour divers éléments très différents. Il s’agit de divers types de notifications (réponses, notifications de publication, likes, messages privés, badges), mais aussi de signets et d’options de compte. Au début, j’ai pensé “oh, c’est astucieux”, mais plus je l’utilise, plus cela me dérange. Commençons par quelques problèmes concrets que je rencontre :
Problème 1 : Notification ou erreur de compte ?
“Nombre dans un cercle superposé à une icône” signifie pour moi “cette chose a un message pour moi”. L’icône Gmail avec un 5 représente 5 e-mails, l’icône Discord avec un 999+ représente des pings de personnes dont je me fiche - je comprends.
Mais qu’est-ce qu’un “mon visage avec un cercle” ? Intuitivement, c’est quelque chose à mon sujet. Je pense constamment à un problème de compte - “votre essai gratuit a expiré”, “veuillez vérifier votre adresse e-mail”, quelque chose dans ce genre. Si le cercle n’avait pas de nombre, j’opterais aussi pour un indicateur d’activité “l’utilisateur est en ligne”. Mais jamais “oh, c’est juste une notification pour une réponse à votre publication”.
Problème 2 : “Comment se déconnecter ?”
C’est une question que j’ai vue 3 fois cette année sur mon forum. J’imagine les étapes de l’utilisateur comme suit :
- J’ai fini avec le forum pour aujourd’hui. Il est temps de me déconnecter.
- Cliquez sur l’avatar, l’endroit où, je le sais d’après ~presque tous les autres sites web, se trouve le bouton de déconnexion.
- Être présenté à mes notifications à la place, sans bouton de déconnexion en vue.
- (Être confus et poster sur le forum pour demander comment cela fonctionne)
Le problème fondamental ici est que la liste déroulante combinée des notifications et du compte est monstrueusement compliquée. Ici sur meta, où je suis essentiellement un nouvel utilisateur, j’y vois 20 éléments - 10 notifications, 8 onglets, 2 actions. C’est complètement écrasant, et en regardant cela et en essayant de comprendre que le bouton de déconnexion est caché (icône de compte après avoir cliqué sur votre icône de compte) demande beaucoup de puissance de réflexion.
Une proposition
Mon idée serait de garder les choses simples :
- Avoir un bouton de compte qui ne contient que les éléments du compte (l’avatar).
- Avoir un bouton de notification qui ne contient que les éléments de type notification (activité de publication suivie, réponses, mentions, likes, badges).
- Avoir un bouton de chat qui ne contient que les notifications de chat.
- Avoir les signets dans la barre latérale, où vous avez déjà une fonction pour ajouter des quasi-signets (section personnalisée).
- (Transformer l’icône de recherche en barre de recherche afin de réduire l’accumulation d’icônes à droite - et pour que les gens recherchent plus souvent avant de poster)
Ou pour visualiser, regardez mes incroyables compétences Figma ! Les cercles rouges à côté des icônes ou d’autres éléments de l’interface utilisateur (“widget” Chat, “publication avec rappel” dans la barre latérale) seraient soit les décomptes de notifications, soit, dans le cas des signets, pourraient également être une sorte de “planifié dans 1 jour” / “en retard depuis jeudi”. Le grand cercle rouge assis dans le vide bleu fait partie de votre arrière-plan 
Anecdote : Quelle est la différence entre un “message personnel” (Messages) et un “chat personnel” (DM) ?
À mon avis, ils sont topologiquement identiques, la principale différence étant que l’un est un peu plus gênant à utiliser que l’autre. Les messages n’ont pas encore trouvé une bonne place dans ma conception (et, pour référence, ils n’en ont pas non plus sur Reddit), et je serais tenté de fusionner les deux systèmes, ou peut-être d’appeler l’un “anciens DM” et l’autre “chat / nouveaux DM” ou quelque chose comme ça.
