Améliorer la cohérence d'usage des chevrons

L’utilisabilité de Discourse pourrait être améliorée en optimisant la cohérence des icônes.

Situation actuelle

Tri

Pour le tri, Discourse utilise les icônes chevron-bas et chevron-haut.

Résumé des sujets

Pour ouvrir le résumé des sujets, les utilisateurs doivent utiliser le bouton avec le chevron vers le bas. Pour le fermer, ils utilisent le chevron vers le haut.

Sections de la barre latérale

Dans la barre latérale, il y a des boutons avec des chevrons droite et bas pour ouvrir et fermer des sections.

« Menu utilisateur »

Dans le menu que vous pouvez ouvrir en cliquant sur votre avatar, il y a un bouton avec une icône en chevron qui mène à une autre page.
Capture d'écran montrant deux boutons dans le menu utilisateur

Le problème

La même icône ne signifie pas toujours la même chose. Parfois, vous pouvez ouvrir et fermer quelque chose, et une fois, vous ne pouvez rien ouvrir mais trier une liste. De plus, si quelque chose peut être ouvert et fermé, il devrait utiliser la même icône partout. Comme vous pouvez le voir ci-dessus, vous pouvez maintenant ouvrir le résumé du sujet en utilisant un chevron vers le bas, mais vous ouvrez une section dans la barre latérale avec un chevron vers la droite. Si vous fermez les deux, vous utilisez des icônes qui montrent même dans des directions opposées. Pour fermer le résumé du sujet, vous utilisez un chevron vers le haut, tandis que vous utilisez un chevron vers le bas pour fermer une section de la barre latérale.

Ma suggestion

  • Utiliser des flèches bas/haut pour le tri.
  • Toujours utiliser un chevron vers le haut pour fermer quelque chose (résumé de sujet et section de barre latérale).
  • Toujours utiliser uniquement un chevron vers le bas (ou uniquement vers la droite) pour ouvrir quelque chose (résumé de sujet et section de barre latérale).
  • Utiliser une icône différente pour le bouton dans le « menu utilisateur ».

Pour moi, ce n’est pas une question d’icônes exactes, mais s’il vous plaît, utilisez-les de manière cohérente :slight_smile:

5 « J'aime »