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!

17 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í.

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

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

7 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?

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

2 Me gusta

Lo único que no me gusta de esto es que ofrece una peor experiencia de usuario para quienes tenemos foros que utilizan el menú de navegación desplegable en lugar de la barra lateral. :pensive_face: Para poder aprovecharlo de manera efectiva, necesitaríamos un componente de tema que cree una barra lateral separada; de lo contrario, el contenido siempre estará oculto detrás de un segundo clic/toque en el menú hamburguesa, y ya hemos tenido cierta confusión con la barra lateral del Chat que se ocultaba de esa manera. Me encantaría que se añadiera una opción nativa para tener una barra lateral separada si se está utilizando el menú desplegable, de la misma forma en que la barra lateral del panel de administración sigue presente y funcional sin importar qué menú de navegación se esté usando.

1 me gusta

Me gusta, solo espero que se complemente con la unificación de las opciones que se muestran como submenús. Varias de ellas se solapan: perfil, preferencias del perfil, configuración del perfil y cuenta.

No está claro, tanto para los usuarios como para los administradores, dónde se encuentra cada opción. Y creo que hay mucha redundancia que podría simplificarse.

Diferentes opciones podrían unificarse en listas más amplias (notificaciones + seguimiento + ignorados; interfaz + chats + barra lateral + correos electrónicos; cuenta + perfil + seguridad + calendario) para evitar tantas clics o toques al ver las mismas opciones en menos páginas.

Una cosa que sigue complicando las cosas para nuestros usuarios es que la vista pública de su perfil es diferente de la que deben acceder para actualizarlo. Es común que uno pueda actualizar su perfil mientras lo visualiza, sin necesidad de navegar más allá de la lista misma (habilitado para edición solo para el usuario que lo accede y no para los demás).

1 me gusta

Este podría ser un caso de uso bastante único relacionado con nuestro flujo de trabajo. Mi rol requiere que pase mucho tiempo en mensajes directos (PM), donde está presente la barra lateral experimental de usuario. He notado que a menudo busco enlaces que he añadido a las secciones personalizadas de la barra lateral de navegación principal, pero no están ahí. Necesito acceder a esos enlaces sin salir del mensaje directo que estoy viendo.

¿Sería posible incluir las secciones personalizadas de la barra lateral de los usuarios debajo de esta barra lateral contextual de usuario, para que alguien en un mensaje directo simplemente pudiera desplazarse hacia abajo en la barra lateral para llegar a sus enlaces personalizados?

2 Me gusta

Me pregunto qué significa la descripción «experimental».

He estado intentando habilitar de inmediato los «cambios próximos» (ya sea de forma universal o inicialmente para un grupo dedicado, dependiendo de la naturaleza del cambio) con el fin de probar el cambio durante el período en que aún tenemos la opción de desactivarlo si descubrimos un error significativo.

Y, por supuesto, me gusta hacer pequeñas contribuciones al proyecto Discourse enviando informes sobre cualquier error que descubramos durante este período de «adoptantes tempranos» del ciclo de vida del cambio.

Sin embargo, «experimento» me sugiere que el cambio no está garantizado como «próximo», sino que tiene la posibilidad de ser descartado. Los experimentos son, por supuesto, excelentes, pero solo quiero someter a mi comunidad a cambios que definitivamente se implementarán de forma permanente en mi foro en algún momento en el futuro.

1 me gusta

Eso es exactamente lo que significa

2 Me gusta

En ese caso, parece lo mejor experimentar con esos cambios aquí en Meta y compartir tu experiencia, de modo que solo se activen experimentos que avancen y se decida mantenerlos o hacerlos permanentes.

Discutir esto en los temas dedicados con el equipo de desarrollo y seguir su progreso en GitHub puede ser revelador al respecto. Y así podrías aceptar solo aquellos cambios que ya aparezcan en alfa o beta, no todos.

1 me gusta

La solución «obvia» para mí sería que la página principal de preferencias muestre algo como grupos de categorías para los ajustes, ya sea en forma de tarjetas con iconos o como una lista.

Añadido a eso: una barra de navegación por migas de pan en la parte superior para mostrar siempre tu posición y proporcionar una forma fácil de volver, ya estés en móvil o escritorio.

1 me gusta

Llevo tiempo luchando con cómo traducir este “Volver al foro”, ya que no siempre coincide con lo que está ocurriendo o con lo que los usuarios realmente quieren. Es decir: “¡Solo muéstrame mi barra lateral normal, por favor!”. Me gusta esta solución del interruptor.

1 me gusta