Comprendere gli elementi dell'interfaccia utente in Discourse

[Discourse]

Questa risorsa copre i nomi di ciascun elemento dell’interfaccia utente di Discourse.

Livello utente richiesto: Tutti gli utenti

Ecco come appare l’interfaccia di Discourse la maggior parte del tempo. Temi, componenti tema e plugin possono influenzare questo layout.

Analizziamo le parti principali, e poi le parti principali in parti più piccole.

1. Intestazione (Header)
2. Barra laterale (Sidebar)
3. Contenuto principale (Main content)

Intestazione (Header)

1. Pulsante/interruttore della barra laterale (o Hamburger)
2. Logo
3. Icone in alto a destra:
   a. Cerca (Search)
   b. Interruttore Chat
   c. Menu Notifiche / Menu Avatar

Barra laterale (Sidebar)

1. Sezioni (Sections)
2. Pulsante Nuova Sezione (New Section Button)
3. Scorciatoie da tastiera (Keyboard Shortcuts)

Contenuto principale (Main Content)

1. Navigazione / Barra di navigazione (Nav bar)
   a. Selettore Categoria (Category Selector)
   b. Selettore Tag (Tag selector)
   c. Pulsanti di navigazione (Navigation buttons)
2. Intestazioni elenco Argomenti (Topics list headers)
3. Elenco Argomenti (Topics list)

Argomento (Topic)

1. Titolo (Title)
2. Categoria (Category)
3. Tag
4. Avatar
5. Nome utente e Nome (Username and Name)
6. Pulsante Cronologia Modifiche (Edit History Button)
7. Data Post (Post Date)
8. Azioni Post (Post Actions)
9. Pulsante Rispondi al Post (Reply to Post button)
10. Mappa Argomento (Topic Map)
11. Pulsanti Azioni Argomento (Topic Actions Buttons)
12. Pulsante Rispondi all’Argomento (Reply to Topic Button)
13. Chiave Inglese Amministratore (Admin Wrench)
14. Cronologia (Timeline)
15. Pulsante Rispondi all’Argomento (Reply to Topic Button)
16. Pulsante Stato Notifica (Notification State Button)

Scheda Utente (User Card)

1. Posizione (Location)
2. Elenco Badge (Badge list)
3. Avatar
4. Nome utente (Username)
5. Nome (Name)
6. Biografia (Bio)
7. Statistiche Ultima Attività (Last Activity Stats)
8. Sito Web (Website)
9. Anniversario Iscrizione (Cakeday - Registration Anniversary)
10. Pulsante Nuovo Messaggio Privato (New Personal Message Button)
11. Pulsante Nuova Chat Privata (New Personal Chat Button)

Menu Notifiche (Notifications menu)

1. Notifiche (Notifications)
2. Tutte le notifiche (All notifications)
3. Risposte e Menzioni (Replies and Mentions)
4. Mi Piace (Likes)
5. Messaggi Privati (Personal Messages)
6. Segnalibri (Bookmarks)
7. Notifiche Chat (Chat Notifications)
8. Elementi Verificabili (Reviewable Items)
9. Altre Notifiche (Other Notifications)
10. Menu Utente (User Menu)
11. Pulsante Vedi Tutte le Notifiche (See All Notifications Button)
12. Pulsante Ignora Notifiche (Dismiss Notifications Button)

Composer

1. Selettore Tipo Post (Post Type Selector)
2. Titolo Argomento (Topic Title)
3. Selettore Categoria Argomento (Topic Category Selector)
4. Selettore Tag Argomento (Topic Tags Selector)
5. Barra degli strumenti di formattazione (Formatting Toolbar)
6. Area di testo (Text Area)
7. Pulsante Creazione/Modifica Post (Post Creation/Edition Button)
8. Pulsante Scarta (Discard Button)
9. Anello di ridimensionamento (Resizing Grip)
10. Interruttore Schermo Intero (Fullscreen Toggle)
11. Interruttore Riduci a icona (Minimize Toggle)
12. Pannello di Anteprima (Preview Panel)
13. Interruttore Pannello di Anteprima (Preview Panel Toggle)

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