Verstehen von Benutzerschnittstellelementen in Discourse

:bookmark: This resource covers the names for each element of the Discourse user interface.

:person_raising_hand: Required user level: All users

Here’s what Discourse’s interface looks like most of the time. Themes, theme components, and plugins may affect this layout.

Let’s break down the main parts, and then the main parts into smaller parts.

  1. Header
  2. Sidebar
  3. Main content

Header

  1. Sidebar button/toggle (or Hamburger)
  2. Logo
  3. Top right icons:
    a. Chat toggle
    b. Quick search
    c. Notifications Menu / Avatar menu

Sidebar

  1. Sections
  2. New Section Button
  3. Keyboard Shortcuts

Main Content

  1. Navigation / Nav bar
    a. Category Selector
    b. Tag selector
    c. Navigation buttons
  2. Topics list headers
  3. Topics list

Topic

  1. Title
  2. Category
  3. Tags
  4. Avatar
  5. Username and Name
  6. Edit History Button
  7. Post Date
  8. Post Actions
  9. Reply to Post button
  10. Topic Map
  11. Topic Actions Buttons
  12. Reply to Topic Button
  13. Admin Wrench
  14. Timeline
  15. Reply to Topic Button
  16. Notification State Button

User Card

  1. Location
  2. Badge list
  3. Avatar
  4. Username
  5. Name
  6. Bio
  7. Last Activity Stats
  8. Website
  9. Cakeday (Registration Anniversary)
  10. New Personal Message Button
  11. New Personal Chat Button

Notifications menu

  1. Notifications
  2. All notifications
  3. Replies and Mentions
  4. Likes
  5. Personal Messages
  6. Bookmarks Reminders
  7. Chat Notifications
  8. Reviewable Items
  9. Other Notifications
  10. User Menu
  11. See All Notifications Button
  12. Dismiss Notifications Button

Composer

  1. Post Type Selector
  2. Topic Title
  3. Topic Category Selector
  4. Topic Tags Selector
  5. Formatting Toolbar
  6. Text Area
  7. Post Creation/Edition Button
  8. Cancel Post Button
  9. Resizing Grip
  10. Fullscreen Toogle
  11. Minimize Toggle
  12. Preview Panel
  13. Preview Panel Toggle

Last edited by @hugh 2024-06-28T00:04:48Z

Last checked by @hugh 2024-06-28T00:04:11Z

Check documentPerform check on document:
68 „Gefällt mir“

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

2 „Gefällt mir“

Das ist ein wahrer Segen :raised_hands:

3 „Gefällt mir“

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. :slight_smile:

5 „Gefällt mir“

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

5 „Gefällt mir“

Das ist wirklich großartig :hugs: Danke @Canapin :heart:

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

3 „Gefällt mir“

11 und 12 aus dem Benachrichtigungsmenü fehlen.

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

3 „Gefällt mir“

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.

2 „Gefällt mir“

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.

4 „Gefällt mir“