Comprendiendo los elementos de la interfaz de usuario en Discourse

Documentación Usando Discourse
,
1

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

Discourse Home Interface
Discourse Home Interface1620×1369 199 KB

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

Discourse Home Interface Parts
Discourse Home Interface Parts1620×1380 202 KB

  1. Header
  2. Sidebar
  3. Main content

Header

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

Sidebar
Sidebar489×1317 21.7 KB

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

Main Content

Main Content
Main Content1307×685 50.1 KB

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

Topic

Topic
Topic1519×1167 78.9 KB

  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

User Card
User Card884×444 44.4 KB

  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

Notifications Menu
Notifications Menu756×883 37.9 KB

  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

Composer
Composer1899×935 221 KB

  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
68 Me gusta
14

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

2 Me gusta
15

Esto es una bendición :raised_hands:

3 Me gusta
19

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

5 Me gusta
21

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

5 Me gusta
22

Esto es realmente genial :hugs: Gracias @Canapin :heart:

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

3 Me gusta
23

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.

3 Me gusta
24

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.

2 Me gusta
25

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.

4 Me gusta