Verständnis von Benutzeroberflächenelementen in Discourse

[Discourse]

Diese Ressource behandelt die Namen für jedes Element der Discourse-Benutzeroberfläche.

Erforderliches Benutzerniveau: Alle Benutzer

So sieht die Oberfläche von Discourse die meiste Zeit aus. Themes, Theme-Komponenten und Plugins können dieses Layout beeinflussen.

Lassen Sie uns die Hauptteile und diese Hauptteile in kleinere Teile aufschlüsseln.

1. Kopfzeile (Header)
2. Seitenleiste (Sidebar)
3. Hauptinhalt (Main content)

Kopfzeile (Header)

1. Schaltfläche/Umschalter für die Seitenleiste (oder Hamburger-Menü)
2. Logo
3. Symbole oben rechts:
   a. Suche
   b. Chat-Umschalter
   c. Benachrichtigungsmenü / Avatar-Menü

Seitenleiste (Sidebar)

1. Abschnitte (Sections)
2. Schaltfläche „Neuer Abschnitt“ (New Section Button)
3. Tastenkombinationen (Keyboard Shortcuts)

Hauptinhalt (Main Content)

1. Navigation / Navigationsleiste (Nav bar)
   a. Kategorieselector
   b. Tag-Selektor
   c. Navigationsschaltflächen
2. Überschriften der Themenliste (Topics list headers)
3. Themenliste (Topics list)

Thema (Topic)

1. Titel
2. Kategorie
3. Tags
4. Avatar
5. Benutzername und Name
6. Schaltfläche „Bearbeitungsverlauf“ (Edit History Button)
7. Beitragsdatum (Post Date)
8. Beitragsaktionen (Post Actions)
9. Schaltfläche „Auf Beitrag antworten“ (Reply to Post button)
10. Themenkarte (Topic Map)
11. Schaltflächen für Themenaktionen (Topic Actions Buttons)
12. Schaltfläche „Auf Thema antworten“ (Reply to Topic Button)
13. Admin-Schraubenschlüssel (Admin Wrench)
14. Zeitleiste (Timeline)
15. Schaltfläche „Auf Thema antworten“ (Reply to Topic Button)
16. Schaltfläche für Benachrichtigungsstatus (Notification State Button)

Benutzerkarte (User Card)

1. Standort (Location)
2. Abzeichenliste (Badge list)
3. Avatar
4. Benutzername
5. Name
6. Biografie (Bio)
7. Statistiken zur letzten Aktivität (Last Activity Stats)
8. Website
9. „Cakeday“ (Jahrestag der Registrierung)
10. Schaltfläche „Neue private Nachricht“ (New Personal Message Button)
11. Schaltfläche „Neuer privater Chat“ (New Personal Chat Button)

Benachrichtigungsmenü (Notifications menu)

1. Benachrichtigungen (Notifications)
2. Alle Benachrichtigungen (All notifications)
3. Antworten und Erwähnungen (Replies and Mentions)
4. „Gefällt mir“-Angaben (Likes)
5. Private Nachrichten (Personal Messages)
6. Lesezeichen (Bookmarks)
7. Chat-Benachrichtigungen (Chat Notifications)
8. Prüfbare Elemente (Reviewable Items)
9. Sonstige Benachrichtigungen (Other Notifications)
10. Benutzermenü (User Menu)
11. Schaltfläche „Alle Benachrichtigungen anzeigen“ (See All Notifications Button)
12. Schaltfläche „Benachrichtigungen ausblenden“ (Dismiss Notifications Button)

Verfasser (Composer)

1. Auswahlschaltfläche für den Beitragstyp (Post Type Selector)
2. Thementitel (Topic Title)
3. Auswahlschaltfläche für die Themenkategorie (Topic Category Selector)
4. Auswahlschaltfläche für die Themeneinblendungen (Topic Tags Selector)
5. Formatierungs-Werkzeugleiste (Formatting Toolbar)
6. Textbereich (Text Area)
7. Schaltfläche zum Erstellen/Bearbeiten des Beitrags (Post Creation/Edition Button)
8. Schaltfläche „Verwerfen“ (Discard Button)
9. Griff zum Ändern der Größe (Resizing Grip)
10. Umschalter für Vollbildmodus (Fullscreen Toggle)
11. Umschalter für Minimieren (Minimize Toggle)
12. Vorschaufenster (Preview Panel)
13. Umschalter für das Vorschaufenster (Preview Panel Toggle)

[Lew_Grothe]

Hat jemand einen ähnlichen Leitfaden für Discourse 3.x mit Seitenleistennavigation erstellt oder ist jemand dabei, dies zu tun?

[albert_vu (Albert Vũ)]

Das ist ein wahrer Segen

[JammyDodger]

Wir müssen das hier wohl etwas auffrischen. Haben Sie etwas Geduld, wir sehen, was wir für Sie auf die Beine stellen können.

[Canapin (Coin-coin le Canapin)]

Der Leitfaden war sehr veraltet, also habe ich ihn mit neuen Screenshots aktualisiert
Er kann verbessert werden, Vorschläge sind also willkommen!

[Don]

Das ist wirklich großartig Danke @Canapin

Kleiner Vorschlag: Könnte es auch den Komponisten und den Chat enthalten?

[Moin]

11 und 12 aus dem Benachrichtigungsmenü fehlen.

Und mir ist aufgefallen, dass im Header „Avatar-Menü“ steht, aber die separate Überschrift „Benachrichtigungsmenü“ lautet.

[jidanni (Dan Jacobson)]

Ich mache mir große Sorgen, dass diese Art von Anleitung, egal wie gut gemeint, sehr schnell veraltet sein wird, aufgrund der (mühsam) erstellten Screenshots und Anmerkungen. Soweit ich weiß, wurde dasselbe für Facebook und YouTube usw. versucht, aber nach ein paar Monaten können die Benutzer bestimmte erwähnte Elemente nicht mehr finden. Ich habe jedoch keine bessere Lösung.

[Moin]

Da es sich um ein Wiki handelt, kann jeder helfen, wenn es ein Update benötigt. Und selbst wenn sich einige Elemente ändern, ist es immer noch hilfreich zu wissen, wie die anderen Elemente heißen. Letztendlich kann jede Dokumentation veraltet sein. Wenn Sie aus diesem Grund keine Dokumentation schreiben, haben Sie überhaupt keine Dokumentation.