Présentation de la navigation de la barre latérale admin

[martin (Martin Brennan)]

Mise à jour : L’ancienne barre de navigation supérieure de l’administration a été officiellement dépréciée et supprimée dans la version 3.4. La navigation latérale a connu d’énormes améliorations récemment et, à l’avenir, sera le seul moyen de naviguer dans l’administration de Discourse.

---

Nous avons travaillé en interne sur des changements concernant la structure de navigation dans les zones d’administration de Discourse. La première partie de ce travail consiste à introduire une barre latérale d’administration. Elle ressemble à ceci :

Cette barre latérale fonctionne de manière similaire à la barre latérale de chat. Elle est contextuelle et n’apparaît que lorsqu’un administrateur accède à une partie de la zone d’administration du site, et est remplacée par la barre latérale contextuelle appropriée lorsqu’il quitte la zone d’administration.

Dans cette première itération, les liens de navigation sont une simple copie 1-1 des anciens liens de navigation en haut de page. À l’avenir, nous prévoyons une restructuration supplémentaire, mais pour l’instant, nous voulions proposer cette forme initiale pour recueillir les avis.

Il y a quelques mises en garde que nous espérons résoudre bientôt :

• Il n’y a actuellement aucun remplacement pour le point de sortie admin-menu de l’ancienne barre de navigation.
• Il y a quelques incohérences dans l’apparence de l’interface utilisateur maintenant que la barre supérieure a disparu.
• Nous ne prenons pas en charge les sections et les liens personnalisés de la barre latérale dans la barre latérale d’administration.
• Nous réfléchissons à la manière de prendre en charge les sites Discourse qui ont leur propre barre latérale basée sur un thème personnalisé.

Ceci est actuellement caché derrière un paramètre expérimental du site admin_sidebar_enabled_groups. Nous ouvrons la discussion pour vos commentaires.

[packman (Chris McMahon)]

Je n’ai jeté qu’un coup d’œil rapide pour l’instant, mais ça a l’air bien.

Il n’y a pas d’entrée de menu pour les journaux d’erreurs, mais il y a toujours un menu horizontal pour la section Journaux qui comprend un lien vers les journaux d’erreurs.

[martin (Martin Brennan)]

@packman

Il n’y a pas d’entrée de menu pour les journaux d’erreurs, mais il y a toujours un menu horizontal pour la section Journaux qui comprend un lien vers les journaux d’erreurs.

Oui, je n’étais pas sûr d’ajouter ceci à la barre latérale car cela vous emmène vers une page complètement séparée (Logster)… peut-être que cela irait bien si cela s’ouvrait dans un nouvel onglet. J’y réfléchirai

[Don]

Bonjour Martin Merci pour cette super mise à jour

J’ai remarqué que la page admin/upgrade est manquante dans la barre latérale et sur mobile, elle ne remplace pas le contenu de la barre latérale mais apparaît sous le contenu par défaut de la barre latérale.

[martin (Martin Brennan)]

@Don

J’ai remarqué que la page admin/upgrade est manquante dans la barre latérale et sur mobile, elle ne remplace pas le contenu de la barre latérale mais apparaît sous le contenu par défaut de la barre latérale.

Oui, j’ai le bouton Upgrade sur ma liste Pouvez-vous s’il vous plaît partager une capture d’écran de ce que vous voulez dire pour mobile ?

[Don]

Merci, oui je veux dire que je dois faire défiler la barre latérale sur mobile pour voir les sections d’administration. Donc, maintenant, cela ne fonctionne pas exactement comme sur ordinateur. Sur ordinateur, cela ne montre les sections d’administration que lorsque je suis dans /admin, mais sur mobile, la section d’administration apparaît sous les menus de la barre latérale par défaut. Je vais faire une capture d’écran / une vidéo à ce sujet et mettre à jour ce post.

[manuel (Manuel Kostka)]

J’adore cette direction

L’une de mes barres latérales d’administration préférées se trouve dans le backend de Ghost, car le filtre directement sur la barre latérale est un plaisir à utiliser. Je voulais juste partager ce modèle comme retour d’information :

[Jagster (Jakke Lehtonen)]

Nouvelle barre latérale d’administration : en revenant au bouton de chat du forum dans la barre latérale, celui-ci disparaît. Celui-ci :

Le mode barre latérale séparée du chat est en plein écran, si cela signifie quelque chose. Quoi d’autre… la version est 3.2.0.beta4-dev (20f950a116) et je suis sûr que cela a commencé après cette mise à niveau. Et le mode sans échec n’a pas aidé.

Ce n’est pas un problème majeur. Et pas trop gênant non plus.

[martin (Martin Brennan)]

@manuel

L’une de mes barres latérales d’administration préférées se trouve dans le backend de Ghost car le filtre directement dans la barre latérale est un plaisir à utiliser. Je voulais juste partager ce modèle en guise de retour d’information :

@sam m’a également soulevé ce point lors d’un appel l’autre jour, donc vous n’êtes pas le seul à y penser Nous envisageons cela pour la prochaine itération.

@Jagster

Nouvelle barre latérale d’administration : en revenant au forum, le bouton de discussion dans la barre latérale disparaît.

Merci de votre signalement, je vais examiner cela avec les autres bugs que j’ai pour cela

@Don

Oui, je veux dire que je dois faire défiler vers le bas sur la barre latérale mobile pour voir les sections d’administration. Donc, maintenant, cela ne fonctionne pas exactement comme sur le bureau.

C’est assez étrange, je m’attendais à ce qu’ils fonctionnent de la même manière sur mobile et sur ordinateur. Je vais examiner cela aussi.

[Don]

@martin

C’est assez étrange, je m’attendais à ce qu’ils fonctionnent de la même manière sur mobile et sur ordinateur. Je vais examiner cela aussi.

Merci Martin, j’ai également vérifié la barre latérale du chat et j’ai constaté la même chose sur mobile.

[Lhc_fl (Linca)]

Super design !!! J’aime beaucoup ce nouveau design

[piffy]

Je trouve que c’est une façon très fastidieuse de naviguer sur mobile.

Si vous ne savez pas déjà qu’il faut regarder dans la barre latérale, il n’y a aucun moyen évident de savoir que la barre latérale est remplie d’options spécifiques au contexte.

Pour naviguer entre les pages, vous devez atteindre le coin supérieur de l’écran, faire défiler jusqu’en bas de la barre latérale et effectuer un toucher précis sur le sous-menu correct que vous souhaitez. Visuellement, le menu d’administration se distingue du reste de la barre latérale.

En revanche, avec l’ancienne méthode, vous êtes immédiatement présenté avec les sections de niveau supérieur qui sont à 0 à 1 balayage de distance et vous permettent de descendre pour trouver la sous-section d’administration exacte que vous souhaitez, au lieu d’exiger que l’utilisateur le sache à l’avance.

Dans l’ensemble, j’aime l’idée, mais je pense que cela dégrade l’expérience utilisateur mobile, pas l’améliore. Je trouve en général que je n’utilise presque jamais la barre latérale sur mobile. Je pense qu’elle est tout simplement trop fastidieuse à ouvrir et que les options sont peut-être trop détaillées/petites.

J’ai comparé d’autres applications et une chose que j’ai remarquée est que l’accès à la barre latérale est généralement un geste très simple. Discord et Twitter vous permettent de simplement faire un balayage horizontal rapide pour ouvrir la barre latérale. L’application eBay a un bouton dans le menu du bas. Mon application bancaire ouvre la barre latérale lorsque vous appuyez sur le bouton retour. Le thème commun est que tous ces gestes que je ferais normalement sans même y penser, mais ouvrir la barre latérale Discourse sur mobile ressemble à une action très délibérée.

Je pense que pour que cette barre latérale expérimentale fonctionne efficacement pour moi, vous devez faciliter l’accès au menu mobile et également masquer tous les paramètres non spécifiques à l’administration. Le bouton “retour au forum” est en fait une touche agréable car il donne vraiment l’impression que vous êtes dans un contexte séparé lors de la navigation dans la section d’administration.

Mais oui, je suppose que mon conseil général pour Discourse est que si la barre latérale doit devenir une fonctionnalité de navigation essentielle sur mobile, vous devez vraiment améliorer la facilité de son ouverture et de sa fermeture. Le fait que mon téléphone soit un modèle plus grand et que la partie supérieure de mon écran soit actuellement une zone morte pour les entrées tactiles a particulièrement mis en évidence à quel point la barre latérale m’est inaccessible.

[tobiaseigen]

@piffy

Je trouve que c’est une façon très lourde de naviguer sur mobile.

Il y a effectivement quelque chose d’étrange qui se passe sur mobile, et Martin corrigera cela la prochaine fois qu’il s’en occupera… probablement après les fêtes !

Nous utilisons la même fonctionnalité de base que la barre latérale pour le chat et le forum. Ainsi, la façon dont ils s’ouvrent/se ferment et la façon dont les sections et les liens fonctionnent seront à peu près les mêmes.

Cela dit, ma préférence personnelle a toujours été de rendre la section d’administration visuellement distincte du forum ou du chat, et de ne pas permettre aux sites de personnaliser l’apparence du backend. De cette façon, vous saurez que vous êtes dans une section d’administration “backend” que vous voudrez quitter pour rejoindre le forum.

@piffy

J’ai comparé d’autres applications et une chose que j’ai remarquée est que l’accès à la barre latérale est généralement un geste très simple. Discord et Twitter vous permettent de simplement faire un glissement horizontal rapide pour ouvrir la barre latérale. L’application eBay a un bouton dans le menu du bas. Mon application bancaire ouvre la barre latérale lorsque vous appuyez sur le bouton retour. Le thème commun est que tous ces gestes que je ferais normalement sans même y penser, mais ouvrir la barre latérale Discourse sur mobile semble être une action très délibérée.

@awesomerobot qu’en penses-tu, pour la barre latérale et peut-être même le menu de notification ? Je sais que nous autorisons le glissement pour les fermer en glissant vers la gauche (barre latérale) et en glissant vers la droite (menu de notification). Mais pourrions-nous autoriser une ouverture plus intuitive de ces menus en glissant vers la droite et vers la gauche ?

[Jagster (Jakke Lehtonen)]

@tobiaseigen

Mais pourrions-nous permettre une ouverture plus intuitive de ces menus en glissant vers la droite et vers la gauche ?

Est-ce que cela casserait la fonctionnalité précédente ?

[awesomerobot (Kris)]

@piffy

J’ai comparé d’autres applications et j’ai remarqué que l’accès à la barre latérale est généralement un geste très simple. Discord et Twitter vous permettent de simplement faire un balayage horizontal rapide pour ouvrir la barre latérale. L’application ebay a un bouton dans le menu du bas. Mon application bancaire ouvre la barre latérale lorsque vous appuyez sur le bouton retour. Le thème commun est que tous ces gestes que je ferais normalement sans même y penser, mais ouvrir la barre latérale Discourse sur mobile donne l’impression d’une action très délibérée.

C’est un peu plus délicat pour nous qu’il ne s’agit d’une application native, car nous sommes basés sur le web. Safari sur iOS réserve le balayage pour la navigation arrière/avant et, d’après ce que je savais, il n’y a pas de bon moyen de contourner cela… bien que cela ait peut-être changé ? Blocking Navigation Gestures On iOS Safari - PQINA

[sam (Sam Saffron)]

Il convient également de noter que dans hub, nous avons toute flexibilité, peu importe.

[simon_tomes]

Je l’ai allumé et ma première réaction a été : ça garde les choses bien rangées et c’est plus facile à analyser. Bien joué !

[Jagster (Jakke Lehtonen)]

Et opinion différente, car je suis revenu à la vieille école.

En haut, l’itinéraire est plus court et les options sont plus faciles à atteindre sans avoir besoin de se déplacer latéralement puis de faire défiler.

De plus, chaque fois qu’il est nécessaire de travailler avec un écran plus petit, et dans ce sens, n’importe quel iPad de taille standard est plus petit, la barre latérale est trop difficile à utiliser.

J’espère que l’ancien style restera là comme une option.

[sam (Sam Saffron)]

@Jagster

J’espère que l’ancien style restera comme option.

très peu probable à long terme, nous continuerons à itérer là-dessus, essayez-le à nouveau dans quelques semaines après que nous aurons itéré davantage.

[twofoursixeight]

Je voudrais faire une suggestion d’UX pour cette barre latérale expérimentale.

Ma suggestion :

Ajoutez un onglet lorsque vous êtes dans le menu d’administration pour basculer entre le menu du forum et le menu de la barre latérale d’administration en haut, afin que vous n’ayez pas à quitter le menu d’administration pour accéder à un menu du forum, et cela permettrait de réduire le nombre de clics au lieu de faire défiler vers le menu d’administration.

Cela peut également améliorer les problèmes sur mobile, car au lieu de faire défiler, vous pouvez appuyer sur un bouton et cela vous y mènera.

Mon croquis de la façon dont je pense que cette suggestion pourrait se présenter :