Comprendiendo los elementos de la interfaz de usuario en 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]

¿Alguien ha creado o está en proceso de crear una guía similar para Discourse 3.x con navegación lateral?

[albert_vu (Albert Vũ)]

Esto es una bendición

[JammyDodger]

Creo que necesitamos darle un pequeño repaso a este. Ten paciencia y veremos si podemos armar algo para ti.

[Canapin (Coin-coin le Canapin)]

La guía estaba muy desactualizada, así que la actualicé con nuevas capturas de pantalla
Se puede mejorar, ¡así que se aceptan sugerencias!

[Don]

Esto es realmente genial Gracias @Canapin

Pequeña sugerencia: ¿Puede contener también el compositor y el chat?

[Moin]

Faltan los elementos 11 y 12 del menú de notificaciones.

Y noté que en la cabecera se llama menú de avatar, pero el encabezado separado dice menú de notificaciones.

[jidanni (Dan Jacobson)]

Me preocupa mucho que este tipo de guía, por bien intencionada que sea, corra el peligro de quedar obsoleta, debido a las capturas de pantalla y anotaciones (laboriosamente) realizadas. Todo lo que sé es que se ha intentado lo mismo para Facebook y YouTube, etc., pero después de unos meses los usuarios no pueden encontrar ciertos elementos mencionados. Sin embargo, no tengo una solución mejor.

[Moin]

Dado que es una wiki, todos pueden ayudar cuando necesita una actualización. E incluso si algunos elementos cambian, sigue siendo útil saber cómo se llaman los otros elementos.
En última instancia, cualquier documentación puede quedar obsoleta. Si no escribe documentación por esta razón, no tendrá ninguna documentación.