Nouveau thème : Navigation par pages de balises

Marché
1

Que souhaitez-vous réaliser ?

Création d’un nouveau thème puissant qui exploite les pages de balises et les composants de thème existants pour offrir un environnement hautement flexible et adaptatif aux utilisateurs, favorisant ainsi la croissance de la communauté.

tag%20navigaton%20theme
tag%20navigaton%20theme1512×2016 1.07 MB

Les utilisateurs peuvent être guidés vers des parcours souhaités, tout en bénéficiant d’une flexibilité sans précédent pour adapter et faire évoluer leur propre environnement. L’inclusion d’une barre de navigation flottante avec des outils populaires de gestion d’équipe permet à un utilisateur de créer une nouvelle balise et d’accéder instantanément à un espace de travail puissant disposant de son propre tableau Kanban, calendrier, statistiques et zone de vote.

Pourquoi abandonner les catégories ?

Les catégories sont limitées en profondeur et ne conviennent pas à un environnement évolutif piloté par les utilisateurs. Nous pourrions les conserver et limiter le plugin de balises à la couche inférieure d’une catégorie, mais il est probablement plus simple de passer entièrement aux balises.

Fonctionnement du thème et nouveaux composants nécessaires

  1. Boîtes de navigation des pages de balises
    Le thème des pages de balises crée des boîtes similaires aux boîtes de catégories, pour un nombre défini par l’administrateur des balises les plus couramment utilisées dans chaque page de balise. Les administrateurs peuvent exclure certaines balises de l’affichage dans ce composant, soit au niveau du site entier, soit par rapport à chaque page de balise dans la section d’administration, afin de créer un parcours défini pour guider les nouveaux utilisateurs et personnaliser selon les besoins.
    (par exemple, ‘to-do’ est une balise fonctionnelle pour le plugin Kanban et serait exclue au niveau du site entier).

  2. Autres balises
    Sous les boîtes de navigation se trouve une barre contenant des liens vers les balises suivantes les plus courantes pour une navigation rapide. Cette barre défile latéralement et les utilisateurs peuvent faire glisser pour voir plus de balises sur chaque page de balise. Elle respecte également les règles d’exclusion définies pour les boîtes de navigation.

  3. Pied de page flottant
    Pour créer un espace de travail évolutif et fluide, il inclura un pied de page flottant permettant de naviguer entre les plugins/composants populaires de gestion de projets Discourse en ajoutant du texte à l’URL pour chaque page de balise.

Par exemple :

Page de balise : tags/reactjs
cliquez sur ‘Board’ (Tableau)
l’URL devient : /tags/reactjs/l/latest?board=default
L’utilisateur voit alors le tableau Kanban et les tâches à accomplir liés à cette page de balise.

La même navigation par ajout d’URL fonctionnera pour le plugin Calendrier. Pour le vote, il combinera les balises en utilisant la fonctionnalité ‘Intersection’.

Exemple d’affichage de plusieurs balises :

/tags/intersection/reactjs/vote

Plugins dépendants et structure

Bannière

Titre de la bannière de balise
Tag Banners

Barre de recherche
Advanced Search Banner

Description de la balise (si fournie), avec possibilité d’ajouter (‘épingler’) des liens importants
Cette fonctionnalité existe dans la bannière de catégorie, mais pas dans la bannière de balise
Category Banners

Page principale

Boîtes de navigation des pages de balises

[balise la plus courante 1] [balise 2] [balise 3] [balise 4] [balise 5]

Autres balises connexes (glissière)
Discourse Popular Tag Sidebar

Publications Discourse

Pied de page flottant

5 pages de composants de thème qui lient aux pages de balises afin que les utilisateurs puissent basculer entre les actions sur la page visible

[Discuter] [Tâches] [Calendrier] [Voter] [Statistiques]

  • Discuter : Threads standards Discourse
  • Tâches : Discourse Kanban pour cette page de balise
  • Calendrier : Plugin Événements pour cette page de balise
  • Voter : Discourse Voting Le vote est activé sur tous les threads marqués avec la balise ‘vote’, permettant à la gouvernance et à la prise de décision de fonctionner sur n’importe quelle balise ou intersection de balises au niveau du site entier.
  • Statistiques : Une modification de la page Discourse Meta, pour ajouter des balises comme filtre et ouvrir la balise actuellement consultée par l’utilisateur

Principaux avantages de l’utilisation des pages de balises pour la navigation :

  • Les nouveaux utilisateurs peuvent être guidés le long d’un parcours défini, tout en incluant la barre de recherche pour ceux qui savent déjà ce qu’ils recherchent et veulent y accéder directement.
  • Les utilisateurs peuvent facilement créer leurs propres balises, rendant la plateforme hautement adaptative et pilotée par les utilisateurs.
  • Il n’y a pas de limite de profondeur. Si Bob veut créer un ‘Groupe fou de Bob le vendredi’, il peut facilement le faire. Si
  • Les utilisateurs disposent également de la capacité suprême de combiner des balises, et les outils de la barre de pied de page fonctionnent toujours parfaitement. Cela crée des méthodes incroyablement puissantes pour la collaboration inter-équipes, simplement en ajoutant une balise dans un post pour l’intégrer à leur flux de travail et attirer l’attention dessus.

Ce qui est nécessaire pour créer le thème

  1. Création de boîtes de pages de balises dans le style des boîtes de catégories
  2. Tous les plugins dépendants fonctionnant de manière transparente ensemble
  3. Ajout du support des pages de balises aux composants/plugins de vote et de calendrier
  4. Création d’un pied de page flottant avec des liens de navigation
  5. Ajout d’une description textuelle au composant Bannière de balise
  6. Le composant de recherche fonctionne avec/intégré dans les bannières de balises
  7. Ajout de filtres de balises sur la page Statistiques afin qu’elle puisse être utilisée dans la navigation

Quand avez-vous besoin que ce soit fait ?

Mi-novembre

Quel est votre budget, en $ USD, que vous pouvez offrir pour cette tâche ?

Nous organisons une campagne de financement participatif pour collecter des fonds en vue d’un sommet alternatif au Forum économique mondial à Davos, visant à insuffler plus de bienveillance et de compassion au cœur du monde économique. Ce sommet sera alimenté par le Thème de navigation par balises, où des idées pour le bien de l’humanité seront proposées, discutées et développées sur la plateforme.

Le mieux que nous puissions faire en termes de financement est d’offrir un pourcentage de la collecte de fonds ; la plateforme ajoute de la valeur à cette collecte, de sorte que son achèvement en premier nous permettra de collecter davantage à répartir entre ceux qui aident (puisque nous passons d’une communauté de bénévoles non monétaire à une communauté soutenue par la blockchain pour créer la paix et le bien-être).

Nous lançons un jeton blockchain qui incitera les personnes à construire les projets les plus votés sur notre plateforme et assortira la répartition de la collecte de fonds d’une quantité équivalente de nos jetons. J’aimerais que les gens partagent leurs opinions et nous indiquent combien coûtera la création de ce composant de thème, qui sera ensuite open source pour que tout le monde puisse l’utiliser.

TLDR : nous rembourserons tous ceux qui participent aussi équitablement que possible et utiliserons la plateforme pour apporter beaucoup de bien dans le monde :slight_smile:

7 « J'aime »
Categories vs. tags
Customizable Homepage or Discussion Feed?
2

Dépendances :
Quelqu’un parmi vous serait-il intéressé à collaborer ou à soutenir ce développement en résolvant les conflits entre vos plugins ? Ou connaissez-vous quelqu’un d’autre qui pourrait être intéressé à aider à créer un thème puissant et adaptatif pour la gestion de projet sur Discourse ?

Kris @awesomerobot Popular Tag Sidebar - Tag Banners - Advanced Search Banner
@erlend_sh et @joebuhlig Discourse Topic Voting
@fzngagan @tobiaseigen @angus Events Plugin 📅

Je peux également publier ce projet sur Pavillion si vous pensez que cela y attirera du soutien.

4 « J'aime »
4

@Schlegel7720 cool. Comment aimerais-tu participer ?

5

Mise à jour :

En parcourant les commentaires sur Meta, un thème récurrent émerge : lorsque les forums comportent trop de catégories et de sous-catégories, les utilisateurs se plaignent que le forum devient écrasant et perd son intuitivité. C’est le problème que nous rencontrons depuis le transfert de plusieurs équipes et projets depuis Trello et Slack.

Comme dans ce fil : Customizable Homepage or Discussion Feed?

L’utilisation d’un système de navigation basé sur les tags, soit au sein de la structure des catégories, soit en l’ignorant complètement, transformerait la situation.

6

Je suis très intéressé par ce thème et je vais essayer d’obtenir un soutien à ce sujet.
Notre organisation craint ce que vous avez bien décrit :

Il existe une demande de fonctionnalité qui va partiellement dans la même direction : Higher level of granularity for category & subcategory styling, bien que la raison de cette demande ne soit pas exactement la même.
J’ai tenté de traiter ce problème en créant : Traditional multi level hierarchy vs flat discourse hierarchy
Dans cet article, j’ai exposé nos craintes et défis :

Vous y trouverez des illustrations pour aider les utilisateurs à trouver plus facilement leur zone dans le forum, dès que vous atteignez un nombre critique de sous-catégories, de tags, etc.
L’ajout de graphiques pourrait être intégré à votre maquette.

En parlant de cela, vous pourriez utiliser quickMockup, qui permet de mettre à jour la maquette et de la télécharger ici.

Une introduction ou un guide peut être fourni via un plugin d’introduction personnalisé : Custom Wizard Plugin 🧙

Cela constituera une exigence fondamentale, mais il faudra s’assurer que les sujets sont correctement tagués. Malheureusement, tous les utilisateurs ne se comportent pas de manière idéale, il faut donc une fonctionnalité de taggage automatique, comme discuté dans Topic auto tagging et Set up structured tagging with tag groups and category tag restrictions.
De plus, un utilisateur doit pouvoir s’abonner à une intersection de tags, ce qui n’est actuellement pas possible, voir How to watch a tag intersection

Je cherche la même chose afin d’éviter d’intégrer une autre application pour couvrir la partie gestion de projet.
J’ai initié Replacing Slack by Discourse, qui devrait être combiné avec Kanban Board

Enfin, êtes-vous au courant des éléments suivants :

  1. Pavilion Header Search Theme Component
  2. Custom Top Navigation Links
  3. Topic list sidebar navigation
  4. Easy Responsive Footer
1 « J'aime »
7

Bonjour @angus @merefield,

Comme nous en avons discuté, une structure proche de celle décrite ici constituerait une amélioration majeure des intersections de tags, comme amorcé dans Traditional multi level hierarchy vs flat discourse hierarchy - #5 by angus.

En principe, pensez-vous que cela soit réalisable ?

Actuellement, nous envisageons de mettre en place trois instances distinctes pour permettre une structure facile d’accès.
Je pourrai publier quelques images demain (j’espère).

2 « J'aime »
8

C’est super, @PackElend, j’aimerais beaucoup travailler avec toi sur ce projet. Ce serait formidable de mobiliser quelques personnes, puis nous pourrons déterminer ce qui doit être construit et ce qui doit être financé.

Je suis tout à fait d’accord avec ta discussion avec @angus concernant l’ajout d’un troisième niveau par rapport au passage à l’utilisation exclusive de tags. Pour moi, les choses deviennent trop compliquées dès que des catégories sont impliquées. Le propriétaire du forum peut utiliser des catégories s’il le souhaite, mais la solution simple pour le plugin consiste simplement à intégrer les tags au cœur de l’expérience de navigation des utilisateurs.

Cette version de base serait un plugin de navigation par tags. Comme celui qui existe déjà, mais plutôt que de le placer dans une barre latérale (qui n’est pas très utile sur mobile), il serait positionné au centre de l’expérience de l’utilisateur, là où se trouvent actuellement les boîtes de catégories, afin d’en faire la méthode de navigation principale.

Les autres modifications sont les suivantes :

  • permettre aux administrateurs d’exclure certains tags sur chaque page de tag ou sur l’ensemble du site,
  • afficher les tags les plus populaires liés sur chaque page de tag, ou les tags les plus souvent visités par l’utilisateur,
  • montrer aux utilisateurs les tags du niveau suivant dans ces boîtes. Cela aide à comprendre ce qui se passe dans chaque tag et permet également aux utilisateurs de sauter un niveau, ce qui accélère considérablement la navigation.

C’est bien, mais nous voulons aller au-delà. Chaque tag aura sa propre finalité et beaucoup peuvent ne pas être clairs pour les utilisateurs qui y accèdent. Cela peut être résolu si du texte peut être ajouté dans le plugin ‘tag banners’, de la même manière que cela est déjà possible dans le plugin ‘category banners’. Cela permet également d’ajouter des liens, ce qui remplace la capacité perdue d’épingler des messages importants, comme un guide de démarrage.

Je suis d’accord, c’est important. Je vais modifier le message pour l’inclure.

Oui, j’ai inclus certains de ces éléments dans la conception. En fait, à part créer le plugin de navigation par tags, il n’y a pas grand-chose à faire car j’ai utilisé des plugins existants pour le concevoir.

Le seul problème avec les plugins existants que j’ai inclus est que certains entrent en conflit les uns avec les autres, et d’autres doivent être modifiés pour fonctionner avec les pages de tags.

Ce pied de page n’est pas vraiment un pied de page flottant ; je pense que nous devrions en créer un. C’est une tâche assez simple car d’autres plugins fonctionnent simplement en ajoutant un chemin à l’URL sur laquelle se trouve déjà l’utilisateur. Il lirait donc cela et ajouterait /board ou /event, par exemple.

1 « J'aime »
9

Ah, l’autre modification concernerait le thème de recherche en en-tête. Ce n’est pas grave tel quel, mais l’expérience serait améliorée si les utilisateurs pouvaient cliquer sur un bouton à côté pour choisir s’ils souhaitent rechercher comme c’est le cas par défaut actuellement, ou s’ils veulent rechercher uniquement des balises, car les utilisateurs revenants voudront le faire dans un forum utilisant les balises comme méthode principale de navigation. La barre de recherche prend déjà cela en charge ; il suffit d’ajouter un bouton qui insère « tag: » devant. C’est une tâche simple.

10

J’ai remarqué que vous travaillez sur une recherche basée sur une carte en lisant :

Cela pourrait être combiné avec Locations Plugin 🌍 pour introduire une navigation graphique plutôt que de réfléchir aux bons noms de balises.

11

Merci de l’avoir remarqué. C’est un peu différent pour nous, car notre projet est divisé en deux parties : l’une pour les événements et réunions locaux, et l’autre pour la construction de projets internationaux. La deuxième partie utilise Discourse, tandis que la première utilise Discourse uniquement comme backend.

Le plugin événement prévu dans le plan est principalement conçu pour un calendrier d’équipe plutôt que pour des événements réels, car cela est essentiel à une thématique de gestion de projet.

12

@PackElend seriez-vous prêt à m’accompagner en contribuant financièrement pour faire réaliser cela ? Nous pouvons publier sur l’ensemble du forum pour tenter de rallier davantage de soutiens et de donateurs. Nous ne pouvons plus attendre ; Discourse repousse les utilisateurs car, compte tenu de l’étendue de notre champ d’application, il s’avère accablant et peu accueillant à leur arrivée. Trop d’options, et les nouveaux venus ne savent pas par où commencer. Nous lançons le projet dès maintenant ; pour moi (pour nous), c’est soit maintenant, soit jamais.

@angus devrait être de retour maintenant, et d’autres m’ont indiqué qu’il est la personne la plus susceptible de vouloir le faire et d’avoir les compétences nécessaires pour le construire.

13

De quel montant parlons-nous ? Ce travail représente bien plus que quelques heures.

14

Je pense que c’est plus. Il faudra attendre que @angus ou quelqu’un d’autre réponde avec une estimation.