Nouvel essai de barre latérale (Feng Shui de la barre latérale)

Nous menons une expérience sur meta qui applique quelques modifications à la conception de la barre latérale pour créer une mise en page plus spacieuse et sereine. En augmentant l’espacement entre les éléments et en optimisant le rembourrage et les marges, nous visons une apparence plus épurée et mieux organisée, mais au prix de la disparition potentielle de plus d’éléments sous le pli.

Avant

Après

Rien de fonctionnel n’a changé, seule l’apparence visuelle pourrait nécessiter une minute d’adaptation.

26 « J'aime »

J’aime beaucoup ça.


Cependant, ce que cela rend évident dans le chat sur ordinateur, c’est que si vous faites partie de nombreuses chaînes, il faut faire défiler pas mal pour voir les nouveaux messages non lus :large_blue_circle:.

5 « J'aime »

Oui, bien sûr, à un moment donné, il devient logique d’utiliser le sélecteur de forum/chat lorsque vous utilisez le chat en plein écran, je pense. Cette conception vous amène certainement à ce point plus rapidement.

2 « J'aime »

Trop spatial. Une question de goût, cependant.

7 « J'aime »

Ce n’est pas seulement une question de goût, mais probablement aussi de taille d’écran.

Sur ma tablette, je réduis généralement la plupart des sections, afin de pouvoir toujours voir quand la personne à qui j’ai envoyé un message dans le chat est en ligne. Par conséquent, la section DMs doit être visible. Mais j’utilise aussi beaucoup la section du haut, donc faire défiler jusqu’en bas une fois ne résout pas le problème.

Comme vous pouvez le voir, même si toutes les sections sont réduites, cela ne permet pas de voir les DMs et la section du haut avec l’espace supplémentaire, alors qu’avant j’avais de l’espace pour ouvrir certaines sections.

C’est aussi la raison pour laquelle je n’utilise pas la barre latérale de chat. Le bouton de chat prend beaucoup de place

9 « J'aime »

J’adore ça :heart: :pray:

Surtout le rembourrage tout autour. La mise en évidence de l’arrière-plan sur le bord droit coupait effectivement une partie du flux d’énergie :innocent:

Cela étant dit, la barre de défilement pourrait-elle rester sur le bord droit ? Pour l’instant, elle se fond à gauche du rembourrage :

D’accord pour l’espace… pourquoi ne pas supprimer le bouton en fait et utiliser le même interrupteur contextuel que le menu administrateur ou la documentation sur meta ?

En ce qui concerne la longueur de la barre latérale en général, elle semble déjà victime de son propre succès ? Il y a tellement de choses à y mettre… il est souvent logique d’avoir une section personnalisée (ou plusieurs), les membres peuvent également y mettre leurs propres sections, puis il y a les listes de catégories, de tags, de messages, de chat… Et vous avez ce menu qui ne cesse de défiler, quelle que soit la surface de l’écran.

Peut-être juste avoir des menus contextuels partout ? Pour moi, ils ont un flux beaucoup plus agréable que les sections qui se replient.

4 « J'aime »

Cela semble plus épuré, mais je partage la préoccupation concernant l’espace d’écran, en particulier sur les tablettes et les smartphones. D’instinct : peut-être quelque chose entre le design actuel et le design proposé.

Aussi : lorsque la barre latérale est mise à jour de cette façon, la liste des publications sur le côté droit semble immédiatement trop encombrée. Je pense que ces deux éléments devraient être alignés (il y a déjà plus de décalage que ce que j’aime personnellement depuis l’augmentation de la taille de base de la police).

5 « J'aime »

Je vais pinailler un peu :

  • Pourquoi y a-t-il autant d’espace supplémentaire en bas d’une section ? Parfois, plus d’espace en bas a du sens, mais cela semble trop inégal.

  • Est-ce que le plus petit « toutes les catégories » et « toutes les étiquettes » est intentionnel ? Ce sont des liens assez importants, à mon avis.

  • En général, le texte des titres semble minuscule, surtout lorsqu’il est réduit.

  • Je n’aime pas les chevrons à droite, je suppose que c’est pour différencier les titres, mais j’ai l’impression de gaspiller de l’espace alors que nous avons déjà une colonne latérale pour les icônes.

  • Le remplissage droit doit être supprimé du conteneur de la barre latérale afin que la barre de défilement soit alignée à droite, comme Manuel l’a mentionné.

  • Nous avons perdu l’effet de survol de l’arrière-plan sur les titres… cela, combiné à la taille réduite, donne à la zone cliquable une impression beaucoup plus ambiguë que les liens principaux.

Oui, pour être honnête, cela semble tellement rempli que cela semble déplacé par rapport au reste de Discourse… pour que ce soit par défaut, je pense que nous devrions nous engager à ajouter plus de remplissage partout (je ne suis pas opposé à cela, mais c’est un gros effort).

Oui, nous envisageons d’ajouter une barre latérale à la barre latérale, un peu comme ce que fait Slack… cela pourrait changer de contexte et de contenu de barre latérale, actuellement nous avons quelques approches divergentes sur la façon dont les barres latérales fonctionnent et devons les lier d’une manière ou d’une autre. Nous pourrions également déplacer les messages et le contenu « à propos » dans leurs propres sections pour raccourcir la barre latérale principale.

19 « J'aime »

Ce qui m’aiderait le plus, c’est que l’en-tête de section reste en haut lors du défilement. J’ai de nombreuses catégories et canaux de discussion dans ma barre latérale et avec ce changement, il est plus difficile de comprendre rapidement où je suis, car l’en-tête est souvent sorti de la page.

Si nous implémentions des en-têtes de section fixes (comme nous le faisons pour les avatars d’utilisateurs sur les publications lors du défilement), je pense que j’aimerais beaucoup plus cela :slight_smile:

7 « J'aime »

Pouvez-vous réessayer, voyez ce que vous en pensez. Nous sommes déjà sur la V2 :wink:

Oubli de ma part, merci – devrait être corrigé.

C’était intentionnel. Je voulais que les titres, qui ne font que se réduire, soient distincts des autres éléments qui mènent quelque part. J’ai trouvé que l’effet de survol complet sur un titre réductible était un peu inhabituel. De plus, il y a 2 actions pour la plupart des lignes : la réduction et l’action secondaire (modifier ou ajouter pour les messages). Mettre en surbrillance toute la ligne, y compris l’action secondaire, semblait étrange.

1 « J'aime »

Comme le lien docs a été supprimé, je peux maintenant voir deux discussions DM :tada:

2 « J'aime »

Personnellement, je suis beaucoup plus satisfait d’un texte dense et serré avec très peu d’espace blanc. Même la mise en page avant semble gaspiller de l’espace. Après, c’est pire. Dommage que ce ne puisse pas être un réglage utilisateur.

Hier soir, j’étais prêt à me coucher et j’ai fait le dernier tour d’observation. Je me suis surpris à essayer de le pincer plus fort :winking_face_with_tongue:

1 « J'aime »

Je préfère de loin la version « avant » avec un espacement plus serré.

2 « J'aime »

Nous avons décidé de fusionner l’état actuel de l’expérience de conception dans le cœur.

Il existe déjà des variables faciles à utiliser pour le modifier à votre guise (notamment --d-sidebar-row-height) et il est facile de supprimer davantage d’espacement, pour ceux qui le préfèrent ; cependant, nous pensons que c’est un meilleur défaut à offrir à la gamme d’utilisateurs que nous avons chez Discourse.

3 « J'aime »