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

Mes points bleus non lus semblent un peu en zigzag et provoquent la troncature prématurée des descriptions.

Peut-être n’avons-nous plus du tout besoin des points maintenant que les notifications lues sont « grisées » ?

6 « J'aime »

La troncature est due à la troncature au niveau de la « coupure de mot », ce qui, je pense, est préférable pour la lisibilité.

Les points irréguliers / en zigzag sont ce que nous faisons dans les listes de sujets et la barre latérale. D’après les commentaires, je suis allé dans cette direction, mais je préférerais personnellement qu’ils soient tous dans la zone la plus à droite.

Hmm, c’est intéressant.

Pour le moment, nous fusionnons et imitons deux modèles dans notre interface utilisateur.

Dans la barre latérale pour les non lus :
point bleu

Dans la liste des sujets pour les non lus :
point bleu et couleur primaire pour le texte

2 « J'aime »

Le point avec l’icône de type de notification est peut-être suffisamment similaire pour que nous n’en ayons pas besoin d’un autre à droite ? (cela fonctionnerait-il avec la couleur tertiaire plus claire pour correspondre ?)

Il me manque la deuxième ligne pour le titre, 3 mots c’est si court !

4 « J'aime »

Oui, je vois maintenant que l’icône avec la couleur d’arrière-plan agit un peu comme une notification “point bleu”.

Hmm… Je ne suis pas sûr de cela. Avec l’icône là, le contraste est discutable. Nous pourrions toujours changer la couleur de l’icône aussi.

Je pense que nous avons eu suffisamment de retours indiquant que les gens préfèrent plus de mots que la troncature. Je vais retirer cela.

3 « J'aime »

Pourrions-nous avoir une indication des notifications qui ont déjà été consultées/ignorées et de celles qui sont nouvelles ? Je ne vois aucune différence pour le moment.

2 « J'aime »

Est-ce que vous dites que vous ne voyez pas ça ?

Ou, la différence ici n’est-elle pas assez marquée ?

Je me demande s’il serait possible d’imiter le style de l’application mobile Gmail ? C’est un paradigme tellement établi

(Gras vs fin)

2 « J'aime »

C’est un peu mieux.


L’objectif est d’imiter la liste des sujets, mais intrinsèquement, nous pourrions avoir besoin de plus de différenciation en raison d’une liste d’éléments aussi compacte et dense. Je ne pense pas qu’il soit mauvais de s’écarter légèrement de la norme de la barre latérale/liste des sujets.

1 « J'aime »

Comme je n’avais que de nouveaux éléments dans mon menu déroulant de notifications et que je n’ai remarqué aucune marque qui semblait différente, je n’ai pas remarqué les icônes gris déprimant sur les éléments déjà lus avant de consulter la page complète des notifications.

J’aimais bien la « mer de bleu » quand j’avais des éléments non lus, je n’ai jamais pensé une seule fois « wow, c’est trop de couleur qui me fixe ». C’était juste facile de voir que des choses nécessitaient mon attention et/ou que quelqu’un voulait réellement me parler.

4 « J'aime »

C’est un excellent retour d’information. Avec une mer de bleu, il est assez clair que “hé, j’ai besoin d’effacer tout ça”.

Avec cela supprimé, le caractère ostentatoire est définitivement perdu. Peut-être que ramener les points est une bonne chose dans ce seul but.

3 « J'aime »

Pour moi, la différence entre le bleu et le gris est très minime. C’est peut-être en partie dû au fait que le gris est plus foncé à cause de la palette WCAG. Je pense que je préférerais que la notification lue soit toujours une icône grise sur blanc ; la différence serait alors plus nette.

Alors bien sûr, je vois la différence de couleur, mais je trouve que si je n’ai que des notifications lues, les lues ressemblent à des non lues.

Aussi sur \u003chttps://meta.discourse.org/my/notifications\u003e je vois maintenant des icônes noires sur gris
image


Lorsque je clique sur l’enveloppe pour voir uniquement les notifications relatives aux MP, tous les messages semblent non lus, même s’ils sont tous lus.
image

4 « J'aime »

Je voulais passer ce matin pour vous faire savoir que tous ces commentaires sont très appréciés. C’était agréable de passer par les itérations ensemble dans un laps de temps aussi court avec toutes les idées présentées ici.

Il semble que nous ayons besoin d’une indication un peu plus forte pour les non lus, je penche donc à nouveau vers le point bleu.


oh oui… ce n’est pas idéal. merci !

Intéressant… je vais y jeter un œil.

J’aime beaucoup la disposition de l’itération actuelle, elle regroupe toutes les informations pertinentes dans un élément compact, et l’espacement général de la liste reste généreux :+1:

En ce qui concerne l’état, je n’ai pas de préférence marquée pour les différentes options. Mais je pense qu’il serait formidable si cela pouvait être abordé plus généralement dans une exploration de conception. Il n’y a pas de système entièrement cohérent en place et plutôt que de simplement chercher la bonne solution pour le menu de notification maintenant, il pourrait être formidable d’avoir une exploration plus large cartographiant l’état et le contexte dans toute l’application, puis de l’appliquer avec des variables.

Par exemple, oui, l’état (lu/non lu) est analogue à la liste des sujets. Mais le contexte est différent, et dans un contexte similaire (d’autres panneaux de menu), un gris plus subtil n’indique généralement pas cet état. Maintenant, cela donne à d’autres éléments de menu l’impression qu’ils indiquent également un état atténué. Je pense donc que cela pourrait vraiment bénéficier d’une cartographie plus systématique.

5 « J'aime »

Pour le moment, nous n’avons que deux parties de Discourse utilisant un état de style « lu/non lu ».

L’autre partie de ce menu est un état « sélectionné ». Ceci est destiné à afficher l’onglet de notification actuellement sélectionné. Dans cette itération, nous imitons l’état sélectionné pour les éléments de la barre latérale.

Voici un audit de base des éléments que nous examinons dans le menu. Lu, Non lu, Sélectionné

Barre latérale
Pour la barre latérale, nous indiquons simplement « non lu » avec un point. « Lu » est supposé par défaut s’il n’y a pas de point bleu.

Barre latérale - active
Voici l’élément de barre latérale actuellement sélectionné, alias actif.

Liste des sujets
Pour les listes de sujets, nous affichons actuellement un point bleu et utilisons la couleur dans le titre et les métadonnées pour différencier. Une mise en garde est que nous n’ affichons pas le point bleu sur les sujets que vous ne suivez pas/ne regardez pas. Ainsi, l’apparition ou non du point bleu n’est pas immédiatement claire pour l’utilisateur.

Menus
Nous utilisons selected comme état ici pour montrer la sélection active. Je ne pense pas que cela se traduise par les notifications, mais cela se traduit bien par l’état sélectionné de l’onglet actuel des notifications du menu.

Il y a des incohérences quant à la couleur que nous utilisons pour la sélection.

Pour le suivi, nous utilisons le gris.

Pour la catégorie actuellement sélectionnée, nous utilisons le bleu.

Page de notifications utilisateur
Cette page nécessite un travail dans l’itération actuelle.

2 « J'aime »

J’apprécie votre travail, comme toujours, et j’aime que vous travailliez spécifiquement sur cela.

Puis-je connaître la motivation pour le remplissage sur les coins des boutons/sections ?

Honnêtement, je ne comprends pas, mais il me manque probablement quelque chose.

Cela a l’air magnifique sans remplissage supplémentaire sur les coins arrondis :slight_smile:

1 « J'aime »

Pour imiter de plus près la barre latérale.

1 « J'aime »

Je comprends, la dernière mise à jour sans rembourrage supplémentaire sur les boutons me semble meilleure :ok_hand:

Qu’en pensez-vous de cette amélioration subtile ?

Il s’agit de supprimer l’effet de survol du panneau de boutons actif sur le côté droit, tout en appliquant un effet de fusion subtil au panneau de gauche.

Cela aiderait à différencier les panneaux des boutons et à éviter que l’interface n’apparaisse trop saturée ou « entièrement peinte » lorsqu’il y a des notifications et un panneau actifs en même temps.

Voici une idée d’itération basée sur d’autres commentaires reçus ici.

3 « J'aime »

C’est peut-être parce que je suis tellement habitué à l’arrière-plan blanc pour les notifications que j’ai déjà vues, mais il semble un peu étrange d’avoir des zones aussi grandes avec un arrière-plan gris dans un thème qui, autrement, ne les utilise pas.

2 « J'aime »

Cette expérience est de nouveau en ligne ici sur meta. Assurez-vous de rejoindre le groupe d’expériences.

3 « J'aime »