Se siente mucho mejor cuando hay varias notificaciones resaltadas.
Sí, creo que me gusta junto con la sugerencia de Kris sobre el equilibrio de avatar.
EDIT: En aras de la coherencia, utilicé el mismo espacio de separación que tenemos para la barra lateral.
Estilísticamente: Personalmente, prefiero el estilo original cuadrado al estilo de bordes redondeados, principalmente debido a preferencias personales y a la coherencia con la forma en que se han mostrado los otros cuadros emergentes de la interfaz de usuario (ej: redactar). Sin embargo, eso es principalmente una preferencia estética.
Funcionalmente: Aún más importante, en una situación sin resaltados / todas las notificaciones leídas, los iconos de los botones de la derecha no están suficientemente diferenciados en comparación con la columna de notificaciones de la izquierda en mi opinión. Especialmente en una situación sin notificaciones resaltadas, es fácil que los iconos se sientan demasiado conectados con la información de la izquierda, dando a un nuevo usuario la impresión de que el icono de la derecha está relacionado con la notificación de la izquierda. Esto se debe a una combinación de tres cambios que eliminan esta señal: 1) los iconos de los botones ahora son del mismo tamaño / se muestran en las mismas líneas (al menos en la revisión original, no en la captura de pantalla reciente), 2) ya no hay un color de fondo diferente para la columna, 3) ya no hay una línea vertical que los separe. Como el punto #1 parece ya resuelto, entonces tal vez eso sea suficiente, pero no estoy muy seguro.
Pero aún más desafiante, esto también va a ser más confuso para el acceso a la cuenta y para indicarle al usuario que la configuración de la cuenta también se realiza a través de este menú, ya que el comportamiento del botón de la cuenta en la parte inferior muestra cosas completamente diferentes en comparación con el resto de los botones de notificación. (Más generalmente, es súper raro tener acceso a la cuenta y notificaciones en el mismo menú desplegable del encabezado, en lugar de dos separados. Sin embargo, eso puede ser una compensación justa dadas las limitaciones/el ahorro de espacio en los dispositivos móviles).
Resumen de mi publicación: Recomiendo que el icono de la cuenta tenga alguna diferenciación especial para que la gente lo encuentre.
Esto me recuerda: aunque probablemente esté fuera del alcance de este experimento, creo que mejoraría la experiencia de usuario de Discourse si las notificaciones se trasladaran a su propio menú (que podría tener cuatro pestañas/secciones horizontales para me gusta, respuestas, menciones e insignias).
Creo que este también es un patrón bastante común (por ejemplo, en Youtube, Reddit, Twitter/Bluesky, etc., pero también en otro software de foros como XenForo).
Definitivamente estoy de acuerdo contigo. Sin embargo, tienes razón, está fuera del alcance de este cambio. Separar el menú de usuario del menú de notificaciones sería un gran cambio para que lo analicemos.
[cita=“chapoi, post:14, topic:369574”]
Es bastante difícil de tocar.
[/cita]
Sí, he estado intentándolo en el móvil esta tarde y el área táctil se siente bastante pequeña, especialmente para las pestañas de la derecha.
Esto es lo que hace Facebook…
Para mí, hay varios aspectos que hacen que esto sea un poco problemático: (lo que se suma a problemas anteriores que tuvimos)
- Los avatares son demasiado pequeños
- Mar de azul cuando tienes mensajes no leídos, lo que ahora se agrava porque la pequeña línea blanca entre las notificaciones atrae demasiada atención.
- Un pequeño resaltado en el lado derecho que es difícil de hacer clic
Me pregunto si un camino aquí es desechar el resaltado azul y usar el “punto azul” (que ya usamos en la barra lateral) para las nuevas notificaciones.
Luego podemos hacer que el avatar sea un poco más grande y restaurar el objetivo de clic y el resaltado del lado derecho.
No digo que vayamos a lo completo de Facebook con avatares ENORMES, pero puede haber un punto intermedio, renunciar al “mar de azul” parece ser un factor desbloqueante aquí potencialmente.
Para mí, me gusta este cambio, pero el tamaño de la fuente es demasiado pequeño. En el menú de notificaciones es de ~13px y el cuerpo del tema principal es de 16px. Puedes verlos juntos aquí:
Hace que los elementos sean mucho más difíciles de leer para mí, una persona con una vista ya terrible
Sería bueno si las fuentes tuvieran el mismo tamaño.
No estoy seguro de lo que pienso sobre el gran espacio debajo de los iconos de la derecha… Creo que es demasiado grande.
Sí, sentí lo mismo después de un rato. Ahora ha vuelto a 16px. Estoy tratando de imitar mucho el espaciado y el tamaño en la barra lateral. Junto con los estados activo y de pasar el ratón por encima.
Los he devuelto a su tamaño original.
Creo que esta es una buena idea en general. Nos acercaría aún más a los estados de la barra lateral. Puedo intentarlo.
¿Te importa explicar cómo movernos hacia un punto azul nos ayuda a hacer el avatar más grande?
También he aumentado esto.
¿Qué opinas de esto? Fue un cambio muy simple, posible sin ninguna edición de plantilla / núcleo aparte de CSS.
Aquí está con la navegación en la parte superior
¡Estos diseños de seguimiento se ven geniales!
Si vamos a usar la navegación en la parte superior, ¿podríamos intentar que tenga el estilo de los diseños existentes que usamos en horizontal-overflow-nav en otras partes del núcleo?
Esto se parece mucho al menú que teníamos antes de la última actualización.
¿No causan ya confusión a los usuarios en dispositivos móviles? (Por ejemplo, cuando la gente no encuentra el botón de administrador en los perfiles de usuario). Si el último icono estuviera oculto de esa manera, sería muy difícil encontrar, por ejemplo, el botón de cierre de sesión.
Ah sí, tienes razón. Creo que deberíamos mantenerlo con la navegación a la derecha para evitar la confusión por desbordamiento.
En realidad, me refería a imitar el diseño estilísticamente. Creo que aún podríamos hacer eso mientras está a la derecha. Solo para que tengamos una división más clara entre los filtros y el área de notificación.
Estaba pensando algo así:
Solo lanzando ideas, otra idea es que podríamos atenuar las notificaciones de lectura:
Un precedente que ya tenemos en la lista de temas
Posición de los círculos
Prefiero (personalmente) los círculos de notificación a la derecha, creo que vale la pena probar primero los círculos a la izquierda para ver cómo se siente la gente, tal vez sea natural y a todos nos guste.
Barra de navegación arriba vs. lateral
Prefiero mucho la barra de navegación lateral, es mucho más fácil de usar y hacer clic. Además, hay grandes restricciones de espacio.
Resaltado de la barra de navegación
Con la barra de navegación, prefiero mantener la “gran caja de resaltado azul” en lugar de reducirla como está ahora, hay una psicología extraña en juego para mí con las pequeñas cajas de navegación. Se siente muy difícil de hacer clic, a pesar de que no cambian las mecánicas.
Mi cerebro dice extrañamente: tengo que golpear la pequeña y diminuta caja para cambiar la barra de navegación.
Mi pensamiento es que cuando las cosas son visualmente menos ocupadas, hay un poco más de espacio para avatares más grandes. Dicho esto, creo que el tamaño actual que tienes está bien.
De todos modos, siéntete libre de descartar esa opinión por ahora.
Todavía creo que necesitamos encontrar una manera de ir de borde a borde con los elementos resaltados para que coincidan con nuestros otros menús, lo hacemos casi en todas partes ahora… Creo que la única gran excepción que queda es la barra lateral
Creo que la coherencia es importante, pero el problema que encuentro es que cuando hay muchos elementos no leídos… se siente como un mar de azul, sin ninguna separación entre los elementos.
Con nuestros menús, no mostramos muchos elementos con un resaltado activo. Normalmente… creo que es solo uno, o incluso ninguno.
Quizás si avanzamos con los puntos azules irregulares, esto ya no importará.
Me gusta la idea que presentaste aquí Keegan, gracias por compartir@!
La última actualización está disponible aquí en meta.

















