Acceso rápido a marcadores y mensajes en el menú de usuario

Al usar el nuevo menú de perfil en el móvil, noto que al hacer clic en cualquiera de estos botones

57c208b19be4d7a486a2485afc0aa237
se muestra básicamente el mismo resultado: la parte superior de la página de perfil del usuario, que solo tiene un menú de navegación. Hay que hacer mucho scroll hacia abajo para ver realmente lo que buscabas.

En lugar de eso, ¿por qué no mostrar una lista breve de lo que hiciste clic, directamente en el menú?

Marcadores:

Mensajes:

16 Me gusta

I agree it’s odd to arrive at basically the profile menu on mobile when clicking these links. the idea of displaying results in the menu panel, like notifications, is interesting! or at least jump down to an anchor in the results?

2 Me gusta

This problem exists for a long time. It makes it quite difficult to use the profile on mobile.

https://meta.discourse.org/t/profile-page-on-mobile-selecting-menu-item-should-jump-to-the-selected-content/19896?u=gerhard

6 Me gusta

I like this idea! Although you’d need a “tab” (since that’s basically how these would function now) for notifications as well, to return to it.

Seems like 80+% of the time you’re only looking for recent bookmarks, messages, etc., so this might be useful.

You might also need a divider between the tabs and the settings icon though, since they now have different functions.

2 Me gusta

Basically profile page needs fixing. As @sam indicated it might be better if, when you view your own profile only, we compress the top part. It’s especially large on mobile too..

2 Me gusta

Mobile looks so much better these days :slight_smile: user page is much improved.

I still sort of like the idea of having a “quick access” somehow, cause despite the improvements I still avoid the user page quite a lot.

2 Me gusta

Hello everyone,

I started working on this one. Here is a part of my progress so far.

6 Me gusta

I think this change looks good, well done @nbianca, provided “view older {x}…” is updated to be conditional and link to the right place in each view:

  • view older bookmarks…
  • view older messages…
  • view older notifications…

technically assignments are included here as well @sam

This should be reviewed closely as it is a reasonably large change..

8 Me gusta

¿Esto sigue siendo pr-welcome? ¡Me encantaría intentarlo!

He leído el tema y la última PR, pero no estoy 100% seguro de:

  • Después de cerrar y volver a abrir el menú de usuario (sin recargar), ¿debería mostrar siempre todas las notificaciones?
  • Si no es así, cuando lleguen nuevas notificaciones, ¿asumo que al abrir el menú de usuario siempre se deberían mostrar todas las notificaciones?
5 Me gusta

Creo que me gustaría ver esto primero en un componente de tema. Las mejoras en la API que hagan posible este componente de tema (y que limpien el núcleo según sea necesario) son totalmente bienvenidas en el camino. Pero creo que el tema es el lugar perfecto para probar este concepto.

Luego podemos instalarlo en meta y “vivir” con él durante un tiempo para ver si nos hace felices; además, nuestra API principal e infraestructura de componentes de tema mejoran en el proceso, lo cual es una gran ventaja.

9 Me gusta

El componente del tema está en: GitHub - xrav3nz/discourse-quick-access · GitHub. ¡Acepto sugerencias!

Me he asegurado de que el diseño sea sencillo para que otros plugins o temas puedan proporcionar su propio panel de acceso rápido. Documentaré esto en detalle (o enviaré un PR con un ejemplo a discourse-assign) si y cuando haya interés.

Una breve demostración:

Color seleccionado del panel

Por ahora, reutiliza el color del estado al pasar el cursor.

Ir a la página completa

  • Puedes hacer clic con el botón derecho o Ctrl+clic para abrir la página completa en una nueva pestaña, o
  • Hacer clic en el enlace en la parte inferior (siempre se mostrará para marcadores y mensajes), o
  • Hacer clic dos veces en el mismo panel de acceso rápido.

Estado vacío

No estoy seguro de cuál es el mejor enfoque para esto. Por ahora, he añadido el texto de ayuda del estado vacío existente de sus respectivas “páginas completas”. El de marcadores podría ser demasiado largo para un panel de acceso rápido.

21 Me gusta

@xrav3nz ¡eso se ve bien! ¿Ya está funcionando? Añadí el componente y aún tengo el comportamiento anterior.

1 me gusta

¡Gran trabajo, está muy pulido. Me encanta que un segundo clic te lleve a la página.

Esto está instalado aquí en Meta; simplemente selecciona Sam's Simple Theme para probarlo en el menú hamburguesa.

Algunos comentarios:

  1. Esto debería funcionar con discourse-assign; prueba a instalarlo y asignarte algo a ti mismo.

  1. Siento que el amarillo es demasiado excesivo en cuanto a estilo. @Johani / @awesomerobot, ¿tienen alguna idea para un diseño menos ruidoso?

  2. No estoy seguro de qué hacer con esto, pero en dispositivos móviles los objetivos de clic son demasiado pequeños. ¿Quizás el componente debería hacer los elementos un poco más grandes para que tengas oportunidad de modificarlos?

  3. “Preferencias” es “diferente”; quizás debería ser igual y añadir una lista con Resumen, Actividad, o tal vez una lista con Cuenta, Perfil, Correos, etc.

    a. En realidad… pensándolo mejor, quizás podrías eliminar el engranaje por completo y usar el icono de “persona sam” para desplegar un panel con Resumen, Actividad, etc. Eso te daría un área de clic más grande para las pestañas.

En general… ¡trabajo espectacular!

13 Me gusta

¡Buen trabajo @xrav3nz :clap: esto se ve increíble!

Podemos seguir el mismo patrón para los iconos y menús del encabezado, algo como esto

y así es como se vería con una notificación no leída en la parte superior

15 Me gusta

Soy el autor original. Me alegra ver que una idea puede persistir durante cuatro años y aun así resultar en una adición útil.

Esto es, en pocas palabras, el poder de Discourse.

16 Me gusta

¡Esta función es enorme para los marcadores! :heart_eyes: También me encantaría verla para asignar.

Siento que el borde que maquetó @johani podría ser un poco demasiado sutil, pero me gusta… así que vamos con eso.

14 Me gusta

¡Gracias por la retroalimentación! Acabo de subir una actualización para abordar los dos primeros puntos. Retomaré los otros dos más adelante esta semana (#4 requerirá primero una PR menor en el núcleo).

¡Genial y gracias por el boceto!

:wink:

Además, este commit muestra lo sencillo que es para otros temas o plugins introducir un nuevo panel de acceso rápido.

12 Me gusta

¡Esto es fantástico! ¿Qué tan fantástico? Tanto que lo habilité en todos los temas de meta.

Todos, siéntanse libres de probarlo y dar sus comentarios. En mi opinión, esto está casi listo para su inclusión en el núcleo, pero aún tenemos algunos detalles molestos que resolver.

El engranaje :gear: no es una pestaña. Se siente realmente fuera de lugar. Si lo eliminas, podrás hacer todas las pestañas un poco más anchas, lo cual ayudará a tener objetivos de clic más grandes en dispositivos móviles. Creo que deberías probar eliminándolo.

Mostrar “Cerrar sesión” en cada pestaña me parece excesivo. ¿Por qué estamos invitando a las personas a cerrar sesión solo porque están viendo notificaciones? Parece una mezcla de preocupaciones.

Mi recomendación es la siguiente:

  1. Eliminar “Cerrar sesión” de todas las subpestañas.
  2. Agregar una nueva pestaña al hacer clic en person sam a la izquierda. Esta puede tener enlaces como “resumen”, “actividad”, “mensajes”, “preferencias” y “cerrar sesión”.

Una vez que se resuelvan estos detalles, creo que esto es un candidato ideal para su inclusión en el núcleo.

21 Me gusta

¡Esto es increíble!

Noté un problema muy pequeño: parece que este componente afecta el color de los iconos en otras partes de la aplicación (por ejemplo, el estado “vigilando”). Normalmente, el icono es azul aquí:

Me gusta esa idea. ¿Qué tal si también agregamos acceso rápido al tema y al tamaño de la fuente en “la pestaña de sam”? El menú hamburguesa aquí en Meta se está volviendo bastante desordenado con las opciones de tema, así que sería agradable moverlo a otro lugar.

10 Me gusta

Me realmente gusta esto. ¡Buen trabajo, a todos los involucrados!

Un gran +1 en esto: creo que esto hará que el plugin de asignación sea mucho más útil y accionable.

También me gustan estos cambios y espero probarlos. No estoy seguro de que sea buena idea ocultar “cerrar sesión” tras otro clic, pero coincido en que parece fuera de lugar donde está ahora, así que estoy dispuesto a probarlo. Pensé en sugerir colocarlo donde está actualmente el icono de preferencias, pero coincido en que parecen fuera de lugar y no queremos animar a las personas a cerrar sesión cada vez que acceden a ese menú.

También sería agradable si fuera posible proporcionar uno o dos enlaces personalizados dentro de person sam. Usamos SSO de WordPress, por lo que tenemos que enviar a las personas a WordPress para editar su perfil y la configuración de su dirección de correo electrónico.

6 Me gusta