ich bin Claudio und arbeite als UX-Lead bei Canonical, dem Herausgeber von Ubuntu. Dies ist mein erster Beitrag hier auf Meta Discourse, aber wir nutzen alle Discourse für die Community-Foren unserer Websites und Produkte bei Canonical.
Vor einiger Zeit haben wir untersucht, wie Discourse aussehen könnte, wenn es in die Hauptdomain einer bestehenden Website integriert wird, anstatt in einer Subdomain (z. B. der Wechsel von ‘discourse.ubuntu.com’ zu ‘ubuntu.com/discourse’).
Die Nutzung der Hauptwebsite anstelle einer Subdomain würde zwangsläufig die Navigation von Discourse, seine Interaktionen und das gesamte Erscheinungsbild ändern, um es konsistent und nahtlos zu integrieren. Wir wissen, dass dies eine explorative Arbeit ist, die mehrere Bereiche des bestehenden UX betrifft, aber wir wollten sie dennoch mit euch teilen und diskutieren, ob Teile dieser Änderungen auch für das Upstream-Projekt interessant sein oder als Vorlage dienen könnten.
Stilistisch nutzt es unser Open-Source-CSS-Framework Vanilla und dessen Komponenten.
Ich werde alle visuellen Entwürfe hier posten und auf diese erste Vorstellung antworten.
Bitte teilt uns eure Gedanken mit; wir stehen gerne für weitere Diskussionen oder detaillierte Gespräche zur Verfügung.
In unserem Vorschlag haben wir das Burger-Menü, das standardmäßig mit Discourse ausgeliefert wird, entfernt und stattdessen eine Seiten-Navigation als Haupteinstiegspunkt für alle Seiten verwendet. Der Grund dafür ist, dass die Integration von Discourse in die bestehende Website-Navigation eine Konsistenz mit der vorhandenen Struktur der Website erfordert. Auf diese Weise können wir den Nutzern zudem alle verfügbaren Seiten und Themen direkt in einer Navigation anzeigen, die stets sichtbar ist.
Die Suchfunktion ist in die globale Navigation der Website integriert und würde auch Suchergebnisse aus Discourse einschließen. Da dies erhebliche Änderungen im Front-End und Back-End erfordern könnte, könnte das Suchfeld auf die Discourse-Seiten verlagert werden, um eigenständig zu funktionieren.
Wenn Benutzer sich anmelden, ist der Call-to-Action „Neues Thema“ sowie der Eintrag „Konto“ in der seitlichen Navigation links sichtbar.
Anstatt alle Optionen „Neueste“, „Neu“, „Ungelesen“, „Top“, „Kategorien“ und „Lesezeichen“ oben auf der Seite anzuzeigen, können die Kategorien in der seitlichen Navigation platziert werden, während der Rest in einem Dropdown-Menü enthalten ist, über das Benutzer die gewünschte Ansicht der Inhalte auswählen können.
Wir haben die Tabelle bei der Anzeige aller Themen neu organisiert. Kategorien werden über farbige Tags dargestellt, auf die Benutzer klicken können, um direkt zu einem bestimmten Thema zu gelangen. Das Profilbild des Benutzers und mehrere Benutzer sind visuell zusammengefasst, um Platz zu sparen. Antworten, Aufrufe und Aktivitäten sind weiterhin sichtbar.
Innerhalb eines Themas oder einer Kategorie erscheint der Aufruf zur Aktion „Folgen“. Über ein Dropdown-Menü können Nutzer entscheiden, welche Benachrichtigungsebene sie erhalten möchten. Unser Vorschlag zeigt die Beschriftung im Dropdown-Menü an, damit Nutzer ihre Abonnements für dieses Thema leicht nachvollziehen können.
Durch die Auswahl von „Oben“ im oberen Ansichtsmenü können Benutzer über das Dropdown-Menü „Gesamte Zeit“ festlegen, welcher Teil der Zeit angezeigt werden soll.
Bei angemeldeten Nutzern werden oben das Profilbild und die Informationen des Benutzers angezeigt. Auf der Über-Seite erweitern sich sekundäre Seiten in der Seitennavigation, während „Alle Themen
Die horizontalen Menüpunkte in Discourse sind in der Seitenleiste enthalten: „Übersicht - Aktivität - Benachrichtigungen - Nachrichten - Abzeichen - Einstellungen“. Menüpunkte für Unterseiten werden unter dem entsprechenden Hauptpunkt geöffnet, z. B.: Aktivität > Alle, Thema, Antworten, Entwürfe, Gefällt mir, Lesezeichen.
Bitte teilen Sie uns Ihre Meinung mit. Wir stehen gerne für weitere oder detailliertere Gespräche zur Verfügung.
Alles gut. Aber das linke Menü verschmilzt optisch mit dem Hauptinhalt. Schau mal, ob du es trennen kannst, wie bei Stack Overflow, z. B. durch Hintergrund, Einrückung oder Farbe. Es gibt viele Möglichkeiten.
Ich würde mich freuen, ein bisschen herumzuklicken und Feedback zu geben, wie es sich anfühlt. Es gibt einige versteckte UI-Elemente, die du dir ebenfalls ansehen solltest, wie z. B. die Flaggen-UI, die Lesezeichen-UI und so weiter.
Das sieht großartig aus! Eine Sache, die ich hier nicht dargestellt sehe, sind Benachrichtigungen:
Würden diese zusammen mit dem Account-Link in der Seitenleiste aufgeführt?
Außerdem gehe ich davon aus, dass keine Pläne bestehen, Tags zu verwenden, da ich diese hier nicht dargestellt sehe… Das war einer der Gründe, warum wir uns von einer dedizierten Kategorien-Spalte verabschiedet haben.
Da sich die Kategorie unter dem Titel befindet, können wir Kategorien und Tags eng miteinander verknüpfen und gleichzeitig konsistent mit dem Titel-Layout oben auf jeder Themen-Seite bleiben (ich habe gerade auch in deinem Design bemerkt, dass die Kategorie nicht angezeigt wird, sobald man ein Thema betritt – ist das beabsichtigt?).
Danke @sam, wir werden uns den Leitfaden ansehen. Tatsächlich würde ein gewisser Prototyp helfen, Probleme und übersehene Teile der aktuellen Benutzeroberfläche hervorzuheben.
Ich vermute, dass die Tags bei der Erörterung dieser Lösung noch nicht vorhanden waren, sodass dies in einem Folgeschritt berücksichtigt werden muss. Kategorien unter dem Titel sind tatsächlich ein sehr guter Punkt.
Vielen Dank an alle für euer Feedback – es wird uns bei der Weiterentwicklung dieser Designs helfen.
