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

Dans l’ensemble, je pense que nous faisons beaucoup de progrès ici, le côté droit fonctionne, mais je trouve le contraste sur les éléments lus très difficile à lire et le gris est un peu triste.

Comparez à cet artefact interactif (cliquable, essayez-le)

J’aime plutôt la dernière option, car elle est claire et épurée, mais les deux premières me conviennent aussi.

Des pensées ? (et qu’est-ce qui se passe avec Nathan… quel avatar :slight_smile: )

(aussi, le rayon de bordure réduit semble un tout petit peu mieux)

4 « J'aime »

Aujourd’hui, certains des designers et moi avons fait du pair programming et des itérations sur les styles. Voici où nous en sommes arrivés.

  • Retour du fond bleu, mais légèrement plus atténué.
  • Conserver le nouveau style « lire » pour imiter les listes de sujets
  • Diminuer la mise en surbrillance du fond « actif » de l’élément de navigation actif
  • Conserver le fond du cercle bleu pour les icônes des non lus


Sam, j’aime aussi les deux premières options que ton artefact montre. Je vais me pencher davantage sur celles-ci. Pour l’instant, je pense que notre dernière itération nous amène à un point où la différenciation est un peu plus claire.

Pour aller plus loin, je pense que nous aurions besoin de quelques ajustements au modèle et à la copie.

CSI ENHANCE

Cela semble normal

6 « J'aime »

Le dernier a l’air très bien ! Il communique clairement le statut non lu, tout en restant très léger. De même, j’aime le premier (bien que je ne pense pas que le cercle bleu soit nécessaire, donc en comparaison le dernier gagne). Tous les autres designs sont “trop” selon mes goûts personnels.

Sur mobile, j’obtiens un arrière-plan « rougeâtre » au lieu de bleu.

Je trouve le gris clair très difficile à lire, il semble délavé. Peut-être devrions-nous essayer de ne griser que la décoration de l’avatar ?

Le contraste ici est juste très, très dur pour les yeux, surtout sur le texte non gras.

Je pense que c’est pourquoi Gmail a fini par utiliser la graisse de la police pour la délimitation.

Aussi sur le bureau, j’obtiens 2 bleus différents, ce qui est déroutant.

Ouais, je trouve ce retour intéressant. Cela doit être dû à la proximité, au gras, à l’espacement et à la largeur plus courte du texte.

J’utilise la même couleur pour signifier « lu » que celle utilisée par nos listes de sujets.

Cela dit, je pense que l’arrière-plan de l’icône y est aussi pour quelque chose, c’est pourquoi j’aime la suggestion de @keegan ici :

Une autre option que j’aimerais implémenter est un titre en ligne avec une description. Quelque chose comme ceci :

Est-ce au survol ? Ou la liste affiche-t-elle réellement deux couleurs d’arrière-plan bleu différentes sur des éléments différents ?

Celui-ci, oui deux couleurs différentes. Vous devez obtenir un compte pour exiger l’approbation sur local pour voir cela.

1 « J'aime »

Ah ok, les styles s’appliquent aux non lus. J’ajouterai du CSS pour cibler celui-ci également.

Pouvez-vous envoyer une capture d’écran du fond rougeâtre sur mobile ?

1 « J'aime »

Les dernières mises à jour sont en ligne depuis quelques jours maintenant. Je me demande ce que tout le monde ici en pense.

Je suis généralement satisfait, mais il y a quelque chose avec ce texte gris clair qui me dérange toujours. Je le préfère toujours en noir. Pouvons-nous essayer ça ? Laisser l’icône grise mais garder le texte en noir sur les notifications lues ?

À part ça, je préfère ce style à notre style original. Je pense toujours qu’il vaut la peine d’explorer des options plus radicales, mais en tant qu’itération, cela semble bien.

Aussi @lindsey, un changement majeur auquel nous devrions réfléchir est de faire apparaître les avatars par défaut, nous ne le faisons pas et de nombreuses installations par défaut obtiennent cette expérience par défaut moins qu’optimale :

Les changements que @jordan.vidrine a apportés ici sont des raffinements par rapport à une réimagination, ce qui est bien

  • La sélection semble un peu plus agréable
  • Le style d’icône distinct pour lu vs non lu semble plus agréable
  • Les liens bleus dans les notifications sont une exception, il est agréable de les avoir en noir.
3 « J'aime »

La modification a été fusionnée.

1 « J'aime »

Hein, n’avons-nous pas essayé cela récemment ? Je pensais que nous avions tenté et décidé de ne pas continuer pour une raison quelconque. Mais j’aime beaucoup l’idée, le menu de notification est beaucoup plus intéressant et informatif avec les avatars.

2 « J'aime »

Je pense qu’un bon compromis ici est de le activer par défaut lors des nouvelles installations

Je pense que la principale raison pour laquelle nous avons hésité est les personnalisations que les gens ont faites

1 « J'aime »

@jordan-vidrine Je pense que nous pouvons activer cette expérience globalement sur Meta (et épingler ce sujet), et voir si quelqu’un se plaint. Dans l’ensemble, je pense que là où nous en sommes est mieux que notre défaut.

@lindsey qu’en penses-tu ?

C’est un changement évolutif qui est subtilement meilleur de plusieurs façons.

3 « J'aime »

Fait !

Activé pour tous les utilisateurs trust_level_0.

3 « J'aime »

Je trouve toujours la différence entre le blanc sur bleu et le noir sur blanc plus facile à reconnaître que la différence entre le blanc sur bleu et le blanc sur gris foncé

C’est peut-être parce que l’icône est le premier endroit où je regarde.
C’est plus important pour moi que l’avatar. Parce que celui qui a déclenché la notification est également là sous forme de texte, ce dont je suis notifié n’est là que pour les publications déplacées, sinon l’icône est le seul indicateur.

2 « J'aime »

La taille de la police ou des icônes a-t-elle changé ? Ma première impression est qu’elles sont un peu plus grandes maintenant, mais c’est peut-être à cause de l’espace blanc ajouté. Cela crée une légère discordance entre les icônes de notification et les icônes du menu.

De plus, le padding à droite me semble un peu trop grand.

Note annexe : J’utilise un zoom du navigateur à 90 % (je ne suis pas sûr que cela puisse causer des problèmes, mais les navigateurs sont parfois étranges :smile: ).

La dernière itération (et probablement la dernière) est maintenant en ligne. Je me fixe un rappel dans mes favoris pour la semaine prochaine afin de fusionner s’il n’y a pas d’autres commentaires.

2 « J'aime »

Merci d’avoir fait évoluer cette fonctionnalité intéressante. C’est bien mieux qu’il y a plus d’un an.

Je dois admettre, cependant, que je ne suis pas entièrement convaincu par l’utilisation d’un nouveau saut de ligne complet avant l’élément détaillé.

Dans mon cas actuel, vous pouvez voir l’espace économisé par le détail commençant juste après le nom d’utilisateur et la séparation est réalisée dans tous les cas par le type gras du nom d’utilisateur par rapport au poids plus faible du détail.

Mais si nous conservons la possibilité de modifier cela via CSS, cela me convient.

1 « J'aime »

Oui, cela devrait absolument avoir une classe.

1 « J'aime »