Entendiendo los elementos de la interfaz de usuario en Discourse

[Discourse]

Este recurso cubre los nombres de cada elemento de la interfaz de usuario de Discourse.

Nivel de usuario requerido: Todos los usuarios

Así es como se ve la interfaz de Discourse la mayor parte del tiempo. Los temas, los componentes de tema y los complementos pueden afectar este diseño.

Vamos a desglosar las partes principales y luego las partes principales en partes más pequeñas.

1. Encabezado
2. Barra lateral
3. Contenido principal

Encabezado

1. Botón/interruptor de la barra lateral (o Hamburguesa)
2. Logotipo
3. Iconos superiores derechos:
   a. Búsqueda
   b. Alternancia de chat
   c. Menú de notificaciones / Menú de avatar

Barra lateral

1. Secciones
2. Botón de nueva sección
3. Atajos de teclado

Contenido principal

1. Navegación / Barra de navegación
   a. Selector de categoría
   b. Selector de etiqueta
   c. Botones de navegación
2. Encabezados de la lista de temas
3. Lista de temas

Tema

1. Título
2. Categoría
3. Etiquetas
4. Avatar
5. Nombre de usuario y Nombre
6. Botón de historial de edición
7. Fecha de publicación
8. Acciones de publicación
9. Botón de responder a la publicación
10. Mapa del tema
11. Botones de acciones del tema
12. Botón de responder al tema
13. Llave de administrador
14. Cronología
15. Botón de responder al tema
16. Botón de estado de notificación

Tarjeta de usuario

1. Ubicación
2. Lista de insignias
3. Avatar
4. Nombre de usuario
5. Nombre
6. Biografía
7. Estadísticas de última actividad
8. Sitio web
9. Aniversario de registro (Cakeday)
10. Botón de nuevo mensaje personal
11. Botón de nuevo chat personal

Menú de notificaciones

1. Notificaciones
2. Todas las notificaciones
3. Respuestas y menciones
4. Me gusta
5. Mensajes personales
6. Marcadores
7. Notificaciones de chat
8. Elementos a revisar
9. Otras notificaciones
10. Menú de usuario
11. Botón Ver todas las notificaciones
12. Botón Descartar notificaciones

Compositor

1. Selector de tipo de publicación
2. Título del tema
3. Selector de categoría del tema
4. Selector de etiquetas del tema
5. Barra de herramientas de formato
6. Área de texto
7. Botón de creación/edición de publicación
8. Botón descartar
9. Agarre de redimensionamiento
10. Alternancia de pantalla completa
11. Alternancia de minimizar
12. Panel de vista previa
13. Alternancia del panel de vista previa

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