Nouveaux styles de menu déroulant d'en-tête / menu de notification

C’est bien plus agréable quand plusieurs notifications sont mises en évidence.

2 « J'aime »

Oui, je pense que j’aime ça avec la suggestion de Kris concernant l’équilibrage des avatars.

EDIT : Par souci de cohérence, j’ai utilisé le même espacement que celui que nous avons pour la barre latérale.

3 « J'aime »

Sur le plan du style : Personnellement, je préfère le style carré original au style à bords arrondis, principalement en raison de mes préférences personnelles et de la cohérence avec la façon dont les autres boîtes de dialogue de l’interface utilisateur sont affichées (par exemple, la composition). Cependant, il s’agit surtout d’une préférence esthétique.

Sur le plan fonctionnel : Plus important encore, dans une situation sans surbrillance/notifications toutes lues, les icônes des boutons de droite ne sont pas suffisamment différenciées, à mon avis, par rapport à la colonne de notifications de gauche. Surtout dans une situation sans notifications mises en évidence, il est facile pour les icônes de se sentir trop connectées aux informations de gauche, ce qui donne à un nouvel utilisateur l’impression que l’icône de droite est liée à la notification de gauche. Cela est dû à une combinaison de trois changements qui suppriment tous cet indice : 1) les icônes des boutons ont maintenant la même taille et s’affichent sur les mêmes lignes (du moins dans la révision originale, pas dans la capture d’écran récente), 2) il n’y a plus de couleur de fond différente pour la colonne, 3) il n’y a plus de ligne verticale les séparant. Comme le point n° 1 semble déjà résolu, c’est peut-être suffisant, mais je ne suis pas sûr.

Mais plus difficile encore, cela va également être plus déroutant pour l’accès au compte et l’indication à l’utilisateur que le paramétrage du compte se fait également via ce menu, étant donné que le comportement du bouton de compte en bas montre des choses complètement différentes par rapport au reste des boutons de notification. (Plus généralement, il est très étrange d’avoir l’accès au compte et la notification dans le même menu déroulant d’en-tête, au lieu de deux menus distincts. Cependant, cela peut être un compromis acceptable compte tenu de l’économie d’espace/des limitations sur les appareils mobiles).

TLDR de mon message : Je recommande que l’icône du compte ait une différenciation spéciale pour que les gens la trouvent.

3 « J'aime »

Cela me rappelle que, bien que cela dépasse probablement le cadre de cette expérience, je pense que cela améliorerait l’UX de Discourse si les notifications étaient déplacées vers leur propre menu (qui pourrait alors avoir quatre onglets/sections horizontaux pour les likes, les réponses, les mentions et les badges).

J’ai l’impression que c’est un modèle assez courant (par exemple sur YouTube, Reddit, Twitter/Bluesky, etc., mais aussi dans d’autres logiciels de forum comme XenForo).

4 « J'aime »

Je suis tout à fait d’accord avec vous. Vous avez raison, c’est hors de portée pour ce changement. Séparer le menu utilisateur du menu de notification serait un excellent changement à examiner.

3 « J'aime »

Ouais, j’ai essayé sur mobile cet après-midi et la zone tactile semble assez petite, surtout pour les onglets à droite.

4 « J'aime »

Voici ce que fait Facebook…

Pour moi, plusieurs aspects rendent cela un peu problématique : (ce qui s’ajoute aux problèmes précédents que nous avions)

  1. Les avatars sont trop petits
  2. Une mer de bleu quand vous avez des non lus - ce qui est maintenant aggravé car la minuscule ligne blanche entre les notifications attire trop l’attention.
  3. Une minuscule mise en surbrillance sur le côté droit, difficile à cliquer

Je me demande si une voie ici serait de jeter la mise en surbrillance bleue et d’utiliser le « point bleu » (que nous utilisons déjà sur la barre latérale) pour les nouvelles notifications.

Ensuite, nous pourrons agrandir un peu l’avatar et restaurer la cible de clic et la mise en surbrillance du côté droit.

Je ne dis pas que nous allons jusqu’au bout de Facebook avec des avatars ÉNORMES, mais il pourrait y avoir un terrain d’entente, abandonner la « mer de bleu » semble être un facteur débloquant ici potentiellement.

4 « J'aime »

Pour moi, j’aime ce changement, mais la taille de la police est trop petite. Dans le menu de notification, elle est d’environ 13px, et la police du corps du sujet principal est de 16px. Vous pouvez les voir rapprochés ici :

Cela rend les éléments beaucoup plus difficiles à lire pour moi, une personne qui a déjà une très mauvaise vue :nerd_face: Ce serait bien si les polices avaient la même taille.

9 « J'aime »

Je ne sais pas trop ce que je pense du grand espace sous les icônes à droite… Je trouve que c’est excessivement grand.

3 « J'aime »

Oui, j’ai ressenti la même chose après un moment. Elle est maintenant revenue à 16px. J’essaie d’imiter beaucoup d’espacements et de tailles dans la barre latérale. Ainsi que les états actif et survol.

Je les ai remis à leur taille d’origine.

Je pense que c’est une bonne idée en général. Cela nous rapprocherait encore plus des états de la barre latérale. Je peux faire un essai.

Pouvez-vous expliquer comment le passage à un point bleu nous aide à agrandir l’avatar ?

J’ai également augmenté cela.

@sam

Qu’en penses-tu ? C’était un changement très simple, possible sans aucune modification de modèle / cœur à part le CSS.

Voici avec la navigation en haut

2 « J'aime »

Ces designs de suivi sont super !

Si nous optons pour la navigation en haut, pourrions-nous essayer de la styliser comme nos designs existants que nous utilisons dans horizontal-overflow-nav ailleurs dans le noyau.

1 « J'aime »

Cela ressemble beaucoup au menu que nous avions avant la dernière mise à jour.

Cela ne crée-t-il pas déjà de la confusion pour les utilisateurs sur mobile ? (Par exemple, lorsque les gens ne parviennent pas à trouver le bouton d’administration sur les profils utilisateur). Si la dernière icône était cachée comme ça, il serait très difficile de trouver, par exemple, le bouton de déconnexion.

4 « J'aime »

Ah oui, vous avez raison. Je pense que nous devrions le garder avec la navigation à droite pour éviter la confusion due au débordement.

En fait, je voulais juste imiter le design stylistiquement. Je pense que nous pourrions toujours le faire même s’il est à droite en fait. Juste pour que nous ayons une division plus claire entre les filtres et la zone de notification.

Je pensais à quelque chose comme ça :

5 « J'aime »

Une autre idée, juste comme ça, serait de pouvoir atténuer les notifications de lecture :

Un précédent que nous avons déjà sur la liste des sujets

5 « J'aime »

Position des cercles

Je préfère (personnellement) les cercles de notification à droite. Je pense qu’il vaut la peine d’essayer les cercles à gauche d’abord pour voir ce que les gens en pensent, peut-être que ce sera naturel et que nous l’aimerons tous.

Navigation en haut ou sur le côté

Je préfère de loin la navigation sur le côté, c’est beaucoup plus facile à utiliser et à cliquer. De plus, il y a d’énormes contraintes d’espace.

Mise en évidence de la navigation

Avec la navigation, je préfère garder la “grande boîte bleue de mise en évidence” plutôt que de la réduire comme elle l’est maintenant. Il y a une psychologie étrange à l’œuvre pour moi avec les minuscules boîtes de navigation. Cela semble vraiment difficile à cliquer, même si aucun mécanisme n’a changé.

Mon cerveau dit étrangement : il faut cliquer sur la toute petite boîte pour changer de navigation.


Ma pensée est que lorsque les choses sont moins chargées visuellement, il y a un peu plus de place pour des avatars plus grands. Cela dit, je pense que la taille actuelle que vous avez est correcte.

Quoi qu’il en soit, n’hésitez pas à ignorer ce commentaire pour l’instant.

5 « J'aime »

Je pense toujours que nous devons trouver un moyen de passer d’un bord à l’autre avec les éléments mis en surbrillance pour correspondre à nos autres menus, nous le faisons presque partout maintenant… Je pense que la seule grande exception restante est la barre latérale

3 « J'aime »

Je pense que la cohérence est importante, mais le problème que je rencontre est que lorsqu’il y a beaucoup de non lus… cela ressemble à une mer de bleu, sans délimitation entre les éléments.

Avec nos menus, nous n’affichons pas beaucoup d’éléments avec une surbrillance active. Habituellement… je pense que c’est seulement un, voire aucun.

Peut-être que si nous allons de l’avant avec les points bleus irréguliers, cela n’aura plus d’importance.

3 « J'aime »

J’aime l’idée que tu as présentée ici Keegan, merci de partager@!

2 « J'aime »

La dernière mise à jour est en ligne ici sur Meta.

1 « J'aime »