Aidez-nous à tester Horizon, notre tout nouveau thème

[chapoi]

Nous sommes ravis de vous présenter notre tout nouveau thème — Horizon ! Nous testons Horizon en interne depuis un certain temps et nous sommes maintenant prêts à le tester ici sur Meta afin d’obtenir vos commentaires sur la façon de continuer à améliorer ce thème.

Dans ce sujet, nous partagerons les objectifs d’Horizon et fournirons des directives sur la façon de tester et de partager vos commentaires avec nous.

Faire connaissance avec Horizon

Horizon est un thème simple et magnifique qui aspire à devenir la nouvelle expérience par défaut pour les sites Discourse.

Veuillez noter qu’Horizon est toujours considéré comme un thème expérimental ! Par conséquent, avant de l’installer sur votre communauté ou de fournir des commentaires, veuillez lire le reste de ce sujet afin de comprendre ce que vous pouvez attendre de ce thème et comment nous faire part de vos commentaires.

→ Horizon Theme

Pour qui est Horizon ?

Bien que nous espérions qu’Horizon conviendra à de nombreuses communautés, nous avons créé Horizon en pensant à des utilisateurs spécifiques — les administrateurs non techniques et les membres ordinaires.

• Les administrateurs non techniques sont des administrateurs de communauté qui ont une expertise technique limitée et aucun accès à des ressources de conception ou de développement. Ils n’ont pas les ressources ou le savoir-faire pour personnaliser l’apparence de Discourse afin qu’elle fonctionne au mieux pour leur communauté, mais croient toujours que Discourse est un excellent choix pour leur communauté.

• Les membres ordinaires se situent quelque part entre le visiteur occasionnel et l’utilisateur expert. Ils lisent et publient régulièrement dans la communauté, et sont plus susceptibles de visiter Discourse principalement (sinon exclusivement) depuis leur téléphone.

Nous sommes fiers que Discourse soit si flexible et personnalisable, nous voulons nous assurer que Discourse reste une excellente option pour toutes les communautés, quelle que soit leur expertise technique ou leurs ressources. Nous avons créé Horizon pour les administrateurs qui n’ont pas accès à des ressources de conception ou de développement, mais qui souhaitent tout de même une communauté d’apparence soignée que leurs membres apprécieront.

Qu’est-ce qui est différent avec Horizon ?

Alors que notre thème par défaut est une toile relativement vierge, Horizon est un thème opinionné. Cela signifie que nous avons fait certains choix quant à l’apparence et au fonctionnement de Discourse lors de l’utilisation de ce thème afin d’offrir une excellente expérience utilisateur globale à nos utilisateurs cibles (décrits ci-dessus). Voici quelques changements que vous pourriez remarquer :

• Les cartes de sujets sont moins denses en informations. La caractéristique la plus notable d’Horizon est la carte de sujet. Nous avons éliminé autant d’informations que possible pour que la liste des sujets reste propre et accessible. Certaines informations, comme une liste plus complète des participants au sujet et des étiquettes de sujet, ne sont pas visibles sur la carte de sujet.

• Horizon n’est pas destiné à prendre en charge des personnalisations supplémentaires. Parce que nous ciblons un public qui n’est pas en mesure ou intéressé par la personnalisation de l’apparence ou du comportement de Discourse, Horizon n’est pas garanti de fonctionner correctement avec tous les composants de thème ou personnalisations.

  Cela dit, nous avons testé Horizon avec les composants de thème les plus populaires et les incompatibilités que nous avons trouvées jusqu’à présent sont mineures. Nous travaillerons à les résoudre au fil du temps. Pour l’instant, nous ne recommandons pas d’activer les composants de thème avec Horizon ni d’ajouter vos propres personnalisations.

• Horizon comprend de nouvelles palettes de couleurs que les administrateurs peuvent activer pour donner aux membres plus de contrôle sur leur expérience communautaire. Une fois activés via les paramètres d’administration de la palette de couleurs, les membres peuvent choisir parmi six palettes de couleurs spécifiques au thème pour un look personnalisé.

  

• Texte plus grand dans la zone de lecture. Vous remarquerez que la zone de lecture d’Horizon (c’est-à-dire les sujets) a un texte légèrement plus grand que le reste du texte de l’interface. Nous expérimentons cette taille de texte différenciée dans l’espoir que cela rendra les sujets plus faciles à lire, tout en gardant le texte moins important — comme les liens de la barre latérale — plus minimal et moins distrayant.

Tester et partager vos commentaires

Vous pouvez découvrir Horizon sur Meta en utilisant le sélecteur de thème en bas de votre barre latérale :

Lorsque vous testez ici sur Meta ou dans votre propre communauté, vous pourriez rencontrer des problèmes avec la conception visuelle ou des incompatibilités avec certains composants de thème ou personnalisations. Lorsque cela se produit, veuillez nous en informer. Vos commentaires nous aideront à améliorer Horizon afin que nous puissions commencer à le rendre plus largement disponible.

Veuillez noter que nous pourrions ne pas répondre à tous les commentaires que nous recevons pour le moment. Cela ne signifie pas que vos commentaires sont invalides ou inestimables — cela signifie simplement que nous voulons continuer à tester une certaine idée ou décision de conception pour mieux comprendre comment elle répond aux besoins de nos utilisateurs cibles.

Problèmes connus / domaines en cours de développement

Voici quelques domaines sur lesquels nous travaillons activement :

• Retouche des palettes de couleurs pour garantir l’accessibilité. Horizon a un système de couleurs plus rationalisé (et a inspiré de nouvelles palettes de couleurs, par exemple Lily, Clover, Royal, Marigold, etc.). Nous travaillons à garantir qu’Horizon est accessible et qu’il a le bon contraste dans les modes clair et sombre.

[Muhammed_EKİCİ (mekici)]

[dfabulich (Dan Fabulich)]

{“content”:“[quote="lindsey, post:1, topic:360484"]\nLes cartes de sujet sont moins denses en informations. La caractéristique la plus visible d’Horizon est la carte de sujet. Nous avons éliminé autant d’informations que possible pour que la liste des sujets ait un aspect épuré et accessible. Certaines informations, comme une liste plus complète des participants au sujet et des étiquettes de sujets, ne sont pas visibles sur la carte de sujet.\n[/quote]\n\nJ’utilise Discourse depuis des années, mais je n’ai jamais entendu le terme « carte de sujet » auparavant. Il semble que vous faites référence aux lignes de la liste sur la page des sujets ?\n\nDans le thème standard, la page des sujets est un tableau, avec les colonnes suivantes :\n\n* Sujet : Titre + Catégorie + étiquettes\n* Une liste d’avatars participant au sujet\n* Réponses : Nombre de réponses\n* Vues : Nombre de vues\n* Activité : Horodatage, par exemple 10m, 4h, etc.\n\nDans Horizon, il n’y a pas de tableau. Chaque ligne comprend :\n\n* Titre\n* Un avatar, le dernier contributeur\n* Le nom d’utilisateur de ce contributeur, « répondu » ou « publié » et l’horodatage de l’activité, par exemple « lindsey publié il y a 9 minutes » « tobiaseigen répondu il y a 11 minutes »\n* Un nombre de likes. (Qu’est-ce que cela signifie ? « Likes » sur le sujet ? Est-ce le nombre de likes que n’importe qui a donné à n’importe qui dans le sujet entier… ? Cela semble être un chiffre vraiment étrange, et un chiffre particulièrement étrange à mettre en valeur de façon si proéminente.)\n* Un comptage des réponses, à côté d’une petite flèche de réponse\n* La catégorie, maintenant à l’extrême droite\n\nMes réflexions :\n\n1. Selon moi, la catégorie du sujet est bien beaucoup plus importante que l’identité de la personne qui a répondu le plus récemment. Je remettrais cela à gauche, et mettrais « lindsey publié il y a 9 min » à l’extrême droite, à l’endroit où se trouvait l’horodatage de l’activité.\n2. Je suis d’accord pour supprimer « Vues ». Rétrospectivement, cela semble un chiffre étrange à afficher si en évidence.\n3. Je ne suis pas sûr de la suppression des autres avatars. Peut-être que cela me plaira avec le temps.\n4. Je n’aime pas le message « Bienvenue à nouveau, nom d’utilisateur ! » en évidence. L’espace de l’en-tête est précieux.\n5. Ce n’est qu’à présent que les lignes de la liste des sujets sont devenues des « cartes », avec des coins arrondis et un écart visible entre chaque « carte ». Je ne l’aime pas, même si cela pourrait me plaire avec le temps. Je préfère que les sujets soient séparés par une simple ligne de séparation.\n6. Les étiquettes de sujet ont complètement disparu des cartes de sujet. Cela me semble mauvaise ; cela signifie que l’on ne peut voir les étiquettes de sujet que sur la page du sujet lui-même.”}

[lindsey (Lindsey Fogle)]

@dfabulich

J’utilise Discourse depuis des années, mais je n’ai jamais entendu le terme « carte de sujet » auparavant. Il semble que vous fassiez référence aux lignes de liste sur la page Sujets ?

Il existe un peu de jurisprudence ici à travers un composant de thème — Topic Cards — qui a une conception similaire.

Vous avez raison de dire qu’il existe une conception très différente entre les listes de sujets dans Default et Horizon — c’est par conception. J’apprécie vos commentaires rapides ici, et je serais intéressé de savoir si certaines de vos opinions initiales changent (ou non) dans un jour ou deux. J’espère que vous reviendrez nous le faire savoir !

[lindsey (Lindsey Fogle)]

@Muhammed_EKİCİ

Merci d’avoir signalé cela, nous en informerons notre équipe.

(Pour mémoire, il s’agit d’un problème de transparence avec les filtres de catégorie / balise en haut de la page /categories sur mobile.)

[alehandrof (Alex Armstrong)]

Je suis vraiment enthousiasmé par cette approche car je gère un forum pour des professionnels non techniques.

L’image « Bienvenue » présente des artefacts étranges au-dessus de la recherche :

Je préférerais également qu’on m’appelle par mon nom, plutôt que par mon surnom.

[lindsey (Lindsey Fogle)]

@alehandrof

L’image « Bienvenue » présente des artefacts étranges au-dessus de la recherche :

Pourriez-vous partager quelques détails sur votre appareil / navigateur ? Je ne vois pas cela pour le moment, mais nous avons corrigé certains problèmes de ce type dans différentes zones, donc obtenir des détails spécifiques serait très utile !

@alehandrof

Je préférerais également qu’on m’appelle par mon nom, plutôt que par mon surnom.

Cela peut être réalisé en modifiant les textes du site — c’est une fonctionnalité que nous avons récemment ajoutée au cœur de Discourse, dont vous pouvez lire plus à ce sujet ici : Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji

[Jagster (Jakke Lehtonen)]

DiscourseHub et mobile :

Forcer l’utilisation de la barre latérale pour démarrer un nouveau sujet ne serait pas la décision la plus judicieuse, si la cible n’est pas les utilisateurs les plus expérimentés (surtout lorsqu’un appareil mobile est utilisé).

[alehandrof (Alex Armstrong)]

@lindsey

Pourriez-vous partager quelques détails sur votre appareil / navigateur ? Je ne vois pas cela pour le moment, mais nous avons corrigé certains problèmes de ce type dans différents domaines, donc des détails spécifiques seraient très utiles !

J’utilise la dernière version de Safari 18.3.1 (20620.2.4.11.6) sur un MacBook Pro de 14 pouces avec la dernière version de macOS 15.3.2.

[tobiaseigen]

@Jagster

Forcer l’utilisation de la barre latérale pour démarrer un nouveau sujet

J’y ai aussi pensé… même sur ordinateur, on peut faire disparaître la barre latérale en lisant, donc avoir un autre moyen facile d’être guidé vers un nouveau sujet semble logique. Je ne suis pas sûr où cela pourrait être… avez-vous une suggestion ? Google ne fait que « minimiser » la barre latérale sans la supprimer complètement, de sorte que vous ne perdez jamais le bouton de composition d’un nouvel e-mail.

D’un autre côté, dans Discourse, quelle est l’importance du bouton « nouveau sujet » pour les personnes qui ne connaissent pas encore les lieux ? Nous voulons que les nouveaux membres d’une communauté passent du temps à connaître la communauté en lisant et en répondant aux discussions existantes, après tout.

[alehandrof (Alex Armstrong)]

@tobiasebbi

D’un autre côté, dans Discourse, quelle est l’importance du bouton « nouveau sujet » pour les personnes qui ne connaissent pas encore les lieux ? Nous voulons que les nouveaux membres d’une communauté passent du temps à découvrir la communauté en lisant et en répondant aux discussions existantes, après tout.

Cela dépend probablement de la communauté. Dans notre petite communauté privée, nous encourageons les nouveaux utilisateurs à publier des sujets pour partager des ressources qu’ils ont créées/utilisent, ou pour demander de l’aide.

Je préférerais que le bouton « nouveau sujet » reste visible d’une manière ou d’une autre.

Modification : les paramètres de notification de catégorie sont également importants pour nous – nous les utilisons comme adhésion ad hoc à des groupes d’intérêt (représentés par différentes catégories). La conception actuelle les minimise. Je préférerais qu’ils soient plus évidents et clairement attachés à la catégorie actuelle. En l’état, il n’est pas clair à quoi ils se réfèrent :

Ils pourraient se référer à la catégorie « Documentation ».

Peut-être pourraient-ils être placés en haut à gauche ou à droite de la bannière elle-même ?

[Jagster (Jakke Lehtonen)]

@tobiaseigen

Je ne suis pas sûr d’où cela pourrait venir… avez-vous une suggestion ?

Qu’est-ce qui ne va pas avec ce que nous avons déjà ? Pourquoi essayer de réinventer la roue à nouveau

(Je n’ai pas pris la peine de changer la langue, vous connaissez cette configuration)

@tobiaseigen

D’autre part, dans Discourse, à quel point le bouton « nouveau sujet » est-il essentiel pour les personnes qui ne connaissent pas encore les lieux ?

Si le but d’un forum est simplement d’offrir quelque chose à lire, alors il n’est pas du tout essentiel. Mais beaucoup de forums sont construits pour servir une sorte de Q/R et alors le bouton « nouveau sujet » est vraiment essentiel.

Et j’aimerais penser que montrer les bases des fonctionnalités est la chose la plus essentielle à faire.

@tobiaseigen

même sur ordinateur, vous pouvez faire disparaître la barre latérale en lisant

Ce n’est pas seulement une question de lecture. Je n’utilise pas la barre latérale ici du tout, car elle ne m’apporte rien d’utile. C’est juste un autre composant sans aucun but, une distraction qui remplit l’espace vide sur les grands écrans.

Mais sur mobile, elle est toujours cachée. Ce qui signifie que les utilisateurs mobiles doivent maintenant faire une touche supplémentaire pour démarrer un sujet. Allons-nous compter combien de sujets et de messages nous pouvons trouver où les utilisateurs de bureau comptent les clics avant d’obtenir ce qu’ils veulent et après cela, les choses ont été rationalisées pour offrir un minimum de clics

[Stephen]

@Jagster

Qu’est-ce qui ne va pas avec ce que nous avons déjà ?

J’arrive au même endroit avec ça. Supprimez les éléments d’interface et utilisez les cartes de sujet pour créer une séparation visuelle, mais d’un autre côté, déplacer des éléments comme le bouton ‘nouveau sujet’ rend également plus difficile pour les utilisateurs non techniques de se familiariser avec d’autres thèmes de discourse.

[Arkshine]

Enfin ! Ça a l’air super à première vue !
Je suis tombé sur une version antérieure sur Github et j’étais curieux de connaître la version finale. Elle rend bien !

Voici quelques retours immédiats et aléatoires :

• J’aime le fond unifié autour de la sortie principale – C’est élégant et aide à concentrer le contenu. Sur un grand écran, cependant, l’absence de bordure définie pour le contenu fatigue rapidement mes yeux. Cela oblige les yeux à se concentrer sur une grande zone. Le thème Meta Branded est un bon exemple pour atténuer cela : fournir une bordure et un fond clairs le rend équilibré.

• Le placement du nouveau bouton de sujet est logique ; on ne peut pas le manquer. Il m’a fallu quelques secondes pour comprendre où il avait disparu sur mobile. Je n’utilise pas beaucoup mon mobile sur Meta ; je m’attendrais à voir un bouton ici :
  

  

• Sur la liste des sujets, la ligne est fantastique. C’est simple : l’essentiel est mis en avant. Je vois deux choses qui me dérangent :

  • La position du statut “hot” est un peu confuse car elle est trop proche de la ligne précédente.
  • Je ne suis pas fan de la bordure complète. Individuellement, cela a l’air très bien, mais empilé, il faut plus d’efforts pour lire le titre réel, surtout lorsque vous faites défiler. Cela pourrait être un peu trop distrayant. Peut-être plus d’espacement et/ou une bordure subtile pourraient aider. (Je dois aussi m’y habituer ; je devrais probablement attendre et réviser mes commentaires plus tard.
    EDIT : Pour être honnête, je pense que c’est plus l’avatar sous le titre que la bordure, ce qui rend la lecture moins directe. La vue mobile accentue encore ce problème avec la catégorie au-dessus et l’avatar en dessous du titre)

• La palette de couleurs est magnifique.

• (Sans rapport) Le mode “composer peek” a l’air très bien sur ce thème.

J’attends avec impatience les améliorations futures !

[ondrej]

Joli thème ! Il faut un peu de temps pour s’y habituer visuellement (du moins pour moi)

Une chose qui pourrait être bien, c’est de faire ressembler la page /categories un peu à celle de Air Theme car tout semble être dans une boîte dans ce thème Horizon, avoir une page de catégorie à l’aspect par défaut semble étrange à mon avis.

[lindsey (Lindsey Fogle)]

Ah d’accord, je peux reproduire ce problème sur cette version de Safari mais pas sur la dernière version (18.4). Pourriez-vous s’il vous plaît mettre à jour et me faire savoir si le problème persiste ?

[NateDhaliwal]

Ce thème a l’air vraiment moderne, épuré et fantastique ! J’adore vraiment les boutons arrondis, la liste des sujets, entre autres choses.

J’ai cependant trouvé 4 petits problèmes. Notez que tout cela s’est produit sur mobile, en utilisant Discourse sur Chrome.

1. Les sujets sont affichés comme « nouveaux » avec le point bleu même lorsqu’ils n’ont pas été lus.
   

   

2. Le bouton de traduction automatique devient très grand lorsque l’éditeur est ouvert.
   

   

3. L’aperçu du message a des coins blancs et la zone avec les boutons de message ne sont pas jointes (voir capture d’écran).
   

   

4. Le compteur et le bouton de vote ne sont pas alignés avec le titre du sujet.
   

   

[Lilly (Lillian Louis)]

quelques bizarreries de hauteur se produisent ici :

J’ai jeté un coup d’œil rapide au code de la console, mais mes yeux de novice en CSS n’ont pas immédiatement remarqué quelque chose de particulier.

[cultiv (Sebastiaan Janssen)]

@Lilly

quelques bizarreries de hauteur se produisent ici :

J’allais le mentionner, c’est à cause du nom d’utilisateur qui est encapsulé, vous pouvez également le voir pour le deuxième sujet dans la liste ci-dessous. Il devrait normalement suffire d’une petite touche de CSS pour régler cela.

[NateDhaliwal]

Pour une raison étrange (et légèrement agaçante), ce thème ne change pas même si j’en choisis un autre après celui-ci. Les couleurs sont toujours les mêmes, à tel point que le contraste accessible (sombre) est très sombre et ne diffère pas en couleur de celui de Meta Branded.

Cette nouvelle couleur est beaucoup trop sombre par rapport à ce que proposait Meta Branded. Veuillez corriger cela rapidement !