Entendiendo los elementos de la interfaz de usuario en Discourse

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

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

Header

  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
69 Me gusta

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

2 Me gusta

Esto es una bendición :raised_hands:

3 Me gusta

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

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

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

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

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

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