Vorstellung der Admin-Sidebar-Navigation

[martin (Martin Brennan)]

Update: Die alte Admin-Top-Navigation wurde offiziell als veraltet markiert und in der Version 3.4 entfernt. Die Seitenleisten-Navigation hat in letzter Zeit enorme Verbesserungen erfahren und ist zukünftig der einzige Weg, um durch die Discourse-Administration zu navigieren.

---

Wir haben intern an einigen Änderungen gearbeitet, wie die Navigationsstruktur in den Admin-Bereichen von Discourse funktionieren wird. Der erste Teil dieser Arbeit ist die Einführung einer Admin-Seitenleiste. Sie sieht so aus:

Diese Seitenleiste funktioniert ähnlich wie die Chat-Seitenleiste. Sie ist kontextabhängig und erscheint nur, wenn ein Administrator einen beliebigen Bereich des Admin-Bereichs der Website betritt, und wird durch die entsprechende kontextabhängige Seitenleiste ersetzt, wenn der Admin-Bereich verlassen wird.

In dieser ersten Iteration sind die Navigationslinks eine einfache 1:1-Kopie der alten Navigationslinks am oberen Rand der Seite. In Zukunft planen wir hier weitere Umstrukturierungen, aber vorerst wollten wir diese anfängliche Form veröffentlichen, um zu sehen, was die Leute davon halten.

Es gibt einige Vorbehalte, die wir hoffentlich bald beheben werden:

• Es gibt derzeit keinen Ersatz für den admin-menu-Outlet aus der alten Navigationsleiste.
• Es gibt einige Inkonsistenzen im Aussehen der Benutzeroberfläche, da die obere Leiste nun weg ist.
• Wir unterstützen keine benutzerdefinierten Seitenleistenabschnitte und -links in der Admin-Seitenleiste.
• Wir überlegen, wie wir Discourse-Websites unterstützen können, die ihre eigenen benutzerdefinierten themenbasierten Seitenleisten haben.

Dies ist vorerst hinter einer experimentellen Website-Einstellung admin_sidebar_enabled_groups verborgen. Wir eröffnen die Diskussionsrunde für Feedback.

[packman (Chris McMahon)]

Ich habe bisher nur kurz reingeschaut, aber es sieht gut aus.

Es gibt keinen Menüeintrag für Fehlerprotokolle, aber es gibt immer noch ein horizontales Menü für den Protokollbereich, das einen Link zu Fehlerprotokollen enthält.

[martin (Martin Brennan)]

@packman

Es gibt keinen Menüeintrag für Fehlerprotokolle, aber es gibt immer noch ein horizontales Menü für den Abschnitt Protokolle, das einen Link zu Fehlerprotokollen enthält.

Ja, ich war mir nicht sicher, ob ich diesen zur Seitenleiste hinzufügen sollte, da er zu einer völlig separaten (Logster-)Seite führt … vielleicht wäre es in Ordnung, wenn er sich in einem neuen Tab öffnen würde. Ich werde darüber nachdenken

[Don]

Hallo Martin Danke für dieses großartige Update

Mir ist aufgefallen, dass die Seite admin/upgrade im Sidebar fehlt und auf Mobilgeräten nicht den Sidebar-Inhalt ersetzt, sondern unter dem Standard-Sidebar-Inhalt erscheint.

[martin (Martin Brennan)]

@Don

Mir ist aufgefallen, dass die Seite admin/upgrade in der Seitenleiste fehlt und auf Mobilgeräten nicht den Inhalt der Seitenleiste ersetzt, sondern unter dem Standardinhalt der Seitenleiste erscheint.

Ja, ich habe die Schaltfläche „Upgrade“ in meiner Liste Können Sie bitte einen Screenshot davon teilen, was Sie auf Mobilgeräten meinen?

[Don]

Danke, ja, ich meine, ich muss auf dem mobilen Seitenmenü nach unten scrollen, um die Admin-Bereiche zu sehen. Es funktioniert also jetzt nicht mehr genau wie auf dem Desktop. Auf dem Desktop werden die Admin-Bereiche nur angezeigt, wenn ich mich in /admin befinde, aber auf dem Handy erscheint der Admin-Bereich unterhalb der Standard-Seitenmenüs. Ich werde einen Screenshot/ein Video davon machen und diesen Beitrag aktualisieren.

[manuel (Manuel Kostka)]

Ich liebe diese Richtung

Eines meiner Lieblings-Admin-Sidebars ist im Ghost-Backend, da die Filterfunktion direkt in der Sidebar eine Freude ist. Ich möchte das Muster nur als Feedback teilen:

[Jagster (Jakke Lehtonen)]

Neue Admin-Seitenleiste: Wenn man zum Forum zurückkehrt, verschwindet der Chat-Button in der Seitenleiste. Dieser hier:

chat separate sidebar mode ist Vollbild, falls das etwas bedeutet. Was noch… Version ist 3.2.0.beta4-dev (20f950a116) und ich bin sicher, dass dies nach diesem Upgrade begonnen hat. Und der abgesicherte Modus hat nicht geholfen.

Kein großes Problem. Und auch nicht zu ärgerlich.

[martin (Martin Brennan)]

@manuel

Eine meiner bevorzugten Admin-Seitenleisten befindet sich im Ghost-Backend, da die Filterung direkt in der Seitenleiste eine Freude ist. Ich möchte das Muster nur als Feedback teilen:

@sam hat mich neulich auch in einem Anruf darauf angesprochen, du bist also nicht der Einzige, der so denkt Wir ziehen das für die nächste Iteration in Betracht.

@Jagster

Neue Admin-Seitenleiste: Wenn man zum Forum zurückkehrt, verschwindet der Chat-Button in der Seitenleiste.

Danke für die Meldung, ich werde das zusammen mit den anderen Fehlern, die ich dafür habe, untersuchen

@Don

Ja, ich meine, ich muss auf der mobilen Seitenleiste nach unten scrollen, um die Admin-Bereiche zu sehen. Es funktioniert also jetzt nicht mehr genau wie auf dem Desktop.

Das ist ziemlich seltsam, ich hätte erwartet, dass sie auf Mobilgeräten und Desktops auf die gleiche Weise funktionieren. Ich werde mir das auch ansehen.

[Don]

@martin

Das ist ziemlich seltsam, ich hätte erwartet, dass sie auf Mobilgeräten und Desktops auf die gleiche Weise funktionieren. Ich werde mir das auch ansehen.

Danke Martin, ich habe auch die Chat-Seitenleiste überprüft und dasselbe auf Mobilgeräten erlebt.

[Lhc_fl (Linca)]

Tolles Design!!! Dieses neue Design gefällt mir sehr gut

[piffy]

Ich finde dies eine sehr umständliche Art der Navigation auf Mobilgeräten.

Wenn Sie nicht bereits wissen, dass Sie in der Seitenleiste nachsehen müssen, gibt es keine offensichtliche Möglichkeit zu wissen, dass die Seitenleiste mit kontextspezifischen Optionen gefüllt ist.

Um zwischen den Seiten zu navigieren, müssen Sie die obere Ecke des Bildschirms erreichen, zum unteren Rand der Seitenleiste scrollen und präzise auf das gewünschte Untermenü tippen. Visuell unterscheidet sich das Admin-Menü nicht vom Rest der Seitenleiste.

Im Gegensatz dazu werden Sie mit der alten Methode sofort mit den obersten Ebenen der Abschnitte konfrontiert, die 0 bis 1 Wischgesten entfernt sind und es Ihnen ermöglichen, tiefer zu graben, um den genauen Admin-Unterabschnitt zu finden, den Sie möchten, anstatt dass der Benutzer im Voraus Bescheid wissen muss.

Insgesamt gefällt mir die Idee, aber ich denke, sie verschlechtert die mobile Benutzererfahrung, anstatt sie zu verbessern. Ich stelle fest, dass ich die Seitenleiste auf Mobilgeräten fast nie benutze. Ich denke, es ist einfach zu umständlich zu öffnen und vielleicht sind die Optionen zu detailliert/klein.

Ich habe andere Apps verglichen und eines ist mir aufgefallen: Der Zugriff auf die Seitenleiste ist normalerweise eine sehr einfache Geste. Discord und Twitter lassen Sie einfach schnell horizontal wischen, um die Seitenleiste zu öffnen. Die eBay-App hat eine Schaltfläche im unteren Menü. Meine Banking-App öffnet die Seitenleiste, wenn Sie die Zurück-Schaltfläche drücken. Das gemeinsame Thema ist, dass all diese Gesten, die ich normalerweise ohne nachzudenken ausführen würde, aber das Öffnen der Discourse-Seitenleiste auf Mobilgeräten fühlt sich wie eine sehr bewusste Aktion an.

Ich denke, damit diese experimentelle Seitenleiste für mich effektiv funktioniert, benötigen Sie einen einfacheren Zugriff auf das mobile Menü und auch das Ausblenden aller nicht admin-spezifischen Einstellungen. Die Schaltfläche “Zurück zum Forum” ist eigentlich eine nette Geste, weil sie wirklich das Gefühl vermittelt, dass Sie sich beim Navigieren im Admin-Bereich in einem separaten Kontext befinden.

Aber ja, ich denke, mein Rat für Discourse insgesamt ist, dass Sie, wenn die Seitenleiste zu einem wesentlichen Navigationsmerkmal auf Mobilgeräten werden soll, wirklich verbessern müssen, wie einfach sie zu öffnen und zu schließen ist. Die Tatsache, dass mein Telefon ein größeres Modell ist und der obere Teil meines Bildschirms derzeit eine tote Zone für die Touch-Eingabe ist, hat besonders hervorgehoben, wie unzugänglich die Seitenleiste für mich ist.

[tobiaseigen]

@piffy

Ich finde, das ist eine sehr umständliche Art, sich auf dem Handy zurechtzufinden.

Es passiert auf jeden Fall etwas Seltsames auf dem Handy, und Martin wird es beim nächsten Mal, wenn er sich darum kümmert, beheben … wahrscheinlich nach den Feiertagen!

Wir verwenden die gleiche Grundfunktionalität wie die Seitenleiste für Chat und Forum. Die Art und Weise, wie sie sich öffnen/schließen und wie Abschnitte und Links funktionieren, wird also ziemlich gleich sein.

Davon abgesehen war es meine persönliche Präferenz, den Admin-Bereich visuell vom Forum oder Chat zu unterscheiden und Websites nicht zu erlauben, das Erscheinungsbild des Backends anzupassen. Auf diese Weise wissen Sie, dass Sie sich in einem “Backend”-Admin-Bereich befinden, den Sie wieder verlassen möchten, um dem Forum beizutreten.

@piffy

Ich habe andere Apps verglichen und eines ist mir aufgefallen: Der Zugriff auf die Seitenleiste ist normalerweise eine sehr einfache Geste. Discord und Twitter lassen Sie einfach schnell horizontal wischen, um die Seitenleiste zu öffnen. Die eBay-App hat eine Schaltfläche im unteren Menü. Meine Banking-App öffnet die Seitenleiste, wenn Sie die Zurück-Schaltfläche drücken. Das gemeinsame Thema ist, dass all diese Gesten, die ich normalerweise tun würde, ohne überhaupt nachzudenken, das Öffnen der Discourse-Seitenleiste auf dem Handy wie eine sehr bewusste Aktion anfühlt.

@awesomerobot, was denkst du darüber, für die Seitenleiste und vielleicht auch für das Benachrichtigungsmenü? Ich weiß, dass wir das Schließen durch Wischen nach links (Seitenleiste) und Wischen nach rechts (Benachrichtigungsmenü) erlauben. Aber könnten wir intuitivere Öffnungen dieser Menüs durch Wischen nach rechts und links ermöglichen?

[Jagster (Jakke Lehtonen)]

@tobiaseigen

Aber könnten wir diese Menüs intuitiver durch Wischen nach rechts und links öffnen?

Würde das dann die Rückwärtskompatibilität beeinträchtigen?

[awesomerobot (Kris)]

@piffy

Ich habe andere Apps verglichen und eines ist mir aufgefallen: Der Zugriff auf die Seitenleiste ist normalerweise eine sehr einfache Geste. Discord und Twitter lassen dich einfach schnell horizontal wischen, um die Seitenleiste zu öffnen. Die eBay-App hat einen Button im unteren Menü. Meine Banking-App öffnet die Seitenleiste, wenn du die Zurück-Taste drückst. Das gemeinsame Thema ist, dass all diese Gesten normalerweise ohne nachzudenken ausführen würde, aber das Öffnen der Discourse-Seitenleiste auf Mobilgeräten fühlt sich wie eine sehr bewusste Aktion an.

Das ist für uns etwas kniffliger als bei einer nativen App, da wir webbasiert sind. Safari unter iOS reserviert das Wischen für die Vor-/Zurück-Navigation und soweit ich weiß, gibt es keine gute Möglichkeit, dies zu umgehen… obwohl sich das vielleicht geändert hat? Blocking Navigation Gestures On iOS Safari - PQINA

[sam (Sam Saffron)]

Es ist auch erwähnenswert, dass wir in Hub uneingeschränkte Flexibilität haben.

[simon_tomes]

Eingeschaltet und meine erste Reaktion war: Es hält die Dinge ordentlich und die Dinge sind leichter zu analysieren. Gut gemacht!

[Jagster (Jakke Lehtonen)]

Und eine andere Meinung, weil ich zum alten Stil zurückgekehrt bin.

Oben ist der kürzere Weg und die Optionen sind leichter zu erreichen, ohne seitwärts gehen und dann scrollen zu müssen.

Außerdem ist die Seitenleiste immer dann, wenn mit einem kleineren Bildschirm gearbeitet werden muss, und in diesem Sinne ist jedes iPad Standardgröße kleiner, zu schwierig zu bedienen.

Hoffentlich bleibt der alte Stil als Option erhalten.

[sam (Sam Saffron)]

@Jagster

Hoffentlich bleibt der alte Stil als Option erhalten.

Sehr unwahrscheinlich auf lange Sicht, wir werden dies weiterentwickeln, probieren Sie es in ein paar Wochen erneut aus, nachdem wir noch etwas weiterentwickelt haben.

[twofoursixeight]

Ich möchte einen UX-Vorschlag für diese experimentelle Seitenleiste machen.

Mein Vorschlag:
Fügen Sie im Admin-Menü eine Registerkarte hinzu, um oben zwischen dem Forenmenü und dem Admin-Seitenleistenmenü zu wechseln, damit Sie das Admin-Menü nicht verlassen müssen, um auf ein Forenmenü zuzugreifen, und es wäre ein Klick weniger, anstatt nach unten zum Admin-Menü zu scrollen.

Dies kann auch mobile Probleme verbessern, da Sie anstatt zu scrollen, auf eine Schaltfläche tippen können und es Sie dorthin bringt.

Meine Skizze, wie dieser Vorschlag aussehen könnte: