Comprendre les éléments de l'interface utilisateur dans 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 « J'aime »

Quelqu’un a-t-il créé ou est-il en train de créer un guide similaire pour Discourse 3.x avec une navigation latérale ?

2 « J'aime »

C’est une aubaine :raised_hands:

3 « J'aime »

Je pense que nous devons rafraîchir un peu celui-ci. Soyez patient avec nous et nous verrons si nous pouvons vous proposer quelque chose. :slight_smile:

5 « J'aime »

Le guide était très obsolète, je l’ai donc mis à jour avec de nouvelles captures d’écran :slight_smile:
Il peut être amélioré, donc les suggestions sont les bienvenues !

5 « J'aime »

C’est vraiment super :hugs: Merci @Canapin :heart:

Petite suggestion : Est-ce qu’il pourrait aussi contenir le compositeur et le chat ? :slightly_smiling_face:

3 « J'aime »

Les éléments 11 et 12 du menu des notifications sont manquants.

Et j’ai remarqué que dans l’en-tête, il est appelé menu d’avatar, mais le titre séparé indique menu des notifications.

3 « J'aime »

Je crains fort que ce type de guide, aussi bien intentionné soit-il, ne soit très rapidement obsolète, en raison des captures d’écran et des annotations (laborieusement) réalisées. Tout ce que je sais, c’est que la même chose a été tentée pour Facebook et YouTube, etc., mais après quelques mois, les utilisateurs ne parviennent plus à trouver certains éléments mentionnés. Je n’ai cependant pas de meilleure solution.

2 « J'aime »

Puisqu’il s’agit d’un wiki, tout le monde peut aider lorsqu’il a besoin d’une mise à jour. Et même si certains éléments changent, il est toujours utile de savoir comment les autres éléments sont appelés.
En fin de compte, toute documentation peut devenir obsolète. Si vous ne rédigez pas de documentation pour cette raison, vous n’avez aucune documentation du tout.

4 « J'aime »