Navegación experimental de la barra lateral de usuario

Ahora utilizamos navegación contextual en varias partes de Discourse (administración, categorías de documentación, chat, conversaciones con IA)… un lugar con mucha navegación donde aún no la hemos aplicado son los perfiles de usuario.

Se trata de un área con bastantes enlaces, y el formato horizontal existente tiene algunas desventajas. ¡Hay mucho movimiento aquí!

La barra lateral puede ayudar a organizar esto: puedes plegar secciones, filtrar los enlaces…

Usar la barra lateral de esta manera no está exento de sus propias desventajas, ya que, por ejemplo, se vuelve menos descubrible en pantallas pequeñas… ¡pero aquí es donde tu retroalimentación puede ayudar!

Esto estará disponible como un cambio experimental al actualizar tu sitio de Discourse. Un administrador puede activarlo para todos o para grupos específicos visitando /admin/config/upcoming-changes y buscando sidebar user navigation

Puedes unirte al grupo de experimentos de diseño para probarlo aquí en Meta. ¡Dinos qué te parece!

12 Me gusta

Parece que faltan las reacciones al ver mis propias notificaciones

2 Me gusta

También quiero añadir que no puedo ver los votos ni los temas resueltos en mis notificaciones, ya que no aparecen en mi barra lateral.

1 me gusta

¡Me gusta! Soy muy contrario a las interfaces con desplazamiento horizontal. Es demasiado fácil pasar por alto cosas que están fuera de la pantalla.

Para mí, «Filtrar enlaces» no tiene mucho sentido.

No pienso realmente en ellos como «enlaces». Son más bien como elementos de menú. Lástima que no se pueda hacer una búsqueda/filtrado completo para todas las configuraciones de usuario, pero tal vez la gente no ajuste las configuraciones lo suficiente como para que valga la pena.

Personalmente, siento que las «Insignias» son la parte menos importante de un perfil, así que preferiría que estuvieran al final de la lista.

Gracias por trabajar en esto. Es una gran mejora.

1 me gusta

¡Los enlaces añadidos por la extensión han vuelto ahora!

1 me gusta

Pura molestia en móviles. Y en escritorio, si o cuando el usuario no está usando la barra lateral — como yo aquí.

1 me gusta

Ajusté un poco el orden usando la clase CSS order: X y aquí funciona bien :ok_hand:

Creo que este intento es muy bueno. La presentación de las categorías en la barra lateral hace que las páginas de inicio se vean muy limpias y ordenadas, y agrupar las funciones en una sola barra lateral facilita mucho la navegación.

Sin embargo, la experiencia en dispositivos móviles se siente un poco extraña, probablemente porque los mismos iconos de botón en la misma posición cumplen funciones diferentes en distintas páginas.

No sé si me explico bien; tal vez simplemente sea porque es la primera vez que lo pruebo y todavía no me acostumbro.

3 Me gusta

Sí, estoy de acuerdo en que estas barras laterales no son muy buenas en móvil… es una experiencia extraña reemplazar el contenido del menú hamburguesa sin ver el cambio; creo que necesitaremos un enfoque diferente para integrar las navegaciones específicamente en pantallas pequeñas.

5 Me gusta

Me gusta bastante esta nueva barra lateral. Especialmente el enlace en la sección de invitaciones para las invitaciones canjeadas, que de lo contrario nunca se pueden encontrar a menos que se tenga un enlace directo.

¿Sería posible tener un tipo de conmutador de «Mostrar barra lateral normal» ahí para cambiar a la barra lateral normal y que el usuario pueda navegar a otras páginas? ¿O eso no tiene mucho sentido desde el punto de vista de la UX?

1 me gusta

He reflexionado mucho sobre el botón general de «volver» que ha confundido a nuestros usuarios menos experimentados. Por ahora, lo único que se me ha ocurrido es mejorar y unificar tanto como sea posible los estilos de esos botones de «volver» (que varían dependiendo de si se muestran en Documentación, Perfil o Chats).

Esperemos que surja una solución definitiva y más robusta. Creo que es la única mejora pendiente importante a nivel general en la interfaz y la experiencia de usuario de Discourse, para que «el usuario promedio» pueda usarla sin ninguna fricción.