Capire gli elementi dell'interfaccia utente in Discourse

[Discourse]

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

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 document

Perform check on document:

[Lew_Grothe]

Qualcuno ha creato o sta creando una guida simile per Discourse 3.x con navigazione laterale?

[albert_vu (Albert Vũ)]

Questa è una manna dal cielo

[JammyDodger]

Penso che dobbiamo dare un piccolo aggiornamento a questo. Abbiate pazienza e vedremo se riusciamo a preparare qualcosa per voi.

[Canapin (Coin-coin le Canapin)]

La guida era molto obsoleta, quindi l’ho aggiornata con nuovi screenshot
Può essere migliorata, quindi i suggerimenti sono benvenuti!

[Don]

Questo è davvero fantastico Grazie @Canapin

Piccolo suggerimento: può contenere anche il compositore e la chat?

[Moin]

Mancano l’11 e il 12 dal menu delle notifiche.

E ho notato che nell’intestazione si chiama menu avatar, ma l’intestazione separata dice menu notifiche.

[jidanni (Dan Jacobson)]

Sono molto preoccupato che questo tipo di guida, per quanto ben intenzionata, corra il rischio di diventare obsoleta, a causa degli screenshot e delle annotazioni (realizzati con molta cura). Tutto ciò che so è che è stato fatto lo stesso per Facebook e YouTube, ecc. ma dopo pochi mesi gli utenti non riescono a trovare determinati elementi menzionati. Non ho una soluzione migliore, però.

[Moin]

Dato che si tratta di una wiki, tutti possono aiutare quando necessita di un aggiornamento. E anche se alcuni elementi cambiano, è comunque utile sapere come si chiamano gli altri elementi.
In definitiva, qualsiasi documentazione può diventare obsoleta. Se non scrivi la documentazione per questo motivo, non avrai alcuna documentazione.