Nuevos estilos de menú desplegable de encabezado / menú de notificaciones

En general, creo que estamos progresando mucho aquí, el lado derecho está funcionando, pero me resulta muy difícil leer el contraste en las cosas leídas y ver el gris es un poco triste.

Compáralo con este artefacto interactivo (clicable, pruébalo)

Me gusta la última opción, porque es clara y ordenada, pero las dos primeras también están bien.

¿Opiniones? (¿y qué pasa con Nathan… qué avatar :slight_smile: )

(además, el radio de borde reducido se siente un poquito mejor)

4 Me gusta

Hoy algunos de los diseñadores y yo hicimos algunas parejas e iteraciones en los estilos. Aquí es donde terminamos.

  • Traer de vuelta el fondo azul, pero un poco más apagado.
  • Mantener el nuevo estilo “leer” para imitar las listas de temas.
  • Disminuir el resaltado de fondo “activo” del elemento de navegación activo.
  • Mantener el fondo del círculo azul para los iconos de no leídos.


Sam, también me gustan las dos primeras opciones que muestra tu artefacto. Investigaré más sobre ellas. Por ahora, creo que nuestra iteración más reciente nos lleva a un punto donde la diferenciación es un poco más clara.

Para avanzar, creo que necesitaríamos algunos ajustes en la plantilla y la copia.

CSI MEJORA

Parece normal

6 Me gusta

¡El último se ve bastante bien! Comunica claramente el estado no leído, pero sigue siendo muy sutil. De manera similar, me gusta el primero (aunque no creo que el círculo azul sea necesario, por lo que en comparación el último gana). Todos los demás diseños son “demasiado” para mi gusto personal.

En el móvil, el fondo se ve rojizo en lugar de azul.

Me resulta muy difícil leer el gris claro, parece descolorido. ¿Quizás deberíamos intentar solo con el gris del avatar?

El contraste aquí es muy, muy difícil para la vista, especialmente en el texto no negrita.

Creo que por eso Gmail terminó usando el peso de la fuente para la delimitación.

También en el escritorio, hay 2 azules diferentes, lo cual es confuso.

Sí, encuentro interesante esta opinión. Debe ser por la proximidad, la negrita, el espaciado y el menor ancho del texto.

Estoy usando el mismo color para indicar “leído” que usan nuestras listas de temas.

Dicho esto, creo que el fondo del icono también tiene algo que ver con esto, por eso me gusta la sugerencia de @keegan aquí:

Una opción más que me gustaría implementar es el título en línea con la descripción. Algo como esto:

¿Es esto al pasar el ratón por encima? ¿O la lista muestra en realidad dos colores de fondo azul diferentes en elementos distintos?

Este, sí, dos colores diferentes. Necesitas obtener una cuenta para requerir aprobación en local para ver esto.

1 me gusta

Ah, de acuerdo, los estilos se están aplicando a los no leídos. Añadiré algo de CSS para apuntar también a este.

¿Puedes enviar una captura de pantalla del fondo rojizo en el móvil?

1 me gusta

Las últimas actualizaciones han estado disponibles desde hace un par de días. Me pregunto qué opina todo el mundo aquí al respecto.

En general, estoy bien con eso, pero hay algo en ese texto gris claro que todavía me molesta. Todavía lo prefiero en negro. ¿Podemos intentarlo? ¿Dejar el icono en gris pero mantener el texto en negro en las notificaciones leídas?

Aparte de eso, prefiero este estilo al original. Todavía creo que vale la pena explorar algunas opciones más radicales, pero como iteración se siente bien.

Además, @lindsey, un gran cambio en el que deberíamos pensar es hacer que los avatares se muestren por defecto, no lo estamos haciendo y muchas instalaciones predeterminadas obtienen esta experiencia predeterminada menos que óptima:

Los cambios que @jordan.vidrine hizo aquí son refinamientos frente a una reinvención, lo cual es bueno

  • La selección se siente un poco mejor
  • El estilo de icono distinto para leído vs. no leído se siente mejor
  • Los enlaces azules en las notificaciones son un valor atípico, es bueno tenerlos en negro.
3 Me gusta

El cambio ha sido fusionado.

1 me gusta

¿Eh? ¿No intentamos esto en algún momento reciente? Pensé que lo habíamos intentado y habíamos decidido no seguir adelante por alguna razón. Pero me gusta mucho la idea, el menú de notificaciones es mucho más interesante e informativo con los avatares.

2 Me gusta

Creo que un buen compromiso aquí es activarlo por defecto en las nuevas instalaciones. Creo que la gran razón por la que nos detuvimos fueron las personalizaciones que la gente hizo.

1 me gusta

@jordan-vidrine Siento que podemos habilitar este experimento ahora globalmente en meta (y fijar este tema), y ver si alguien se queja, en general, creo que donde estamos es mejor que nuestro valor predeterminado.

¿@lindsey, qué opinas?

Es un cambio evolutivo que es sutilmente mejor de varias maneras.

3 Me gusta

¡Hecho!

Habilitado para todos los trust_level_0 users.

3 Me gusta

Todavía encuentro que la diferencia entre blanco sobre azul y negro sobre blanco es más fácil de reconocer que la diferencia entre blanco sobre azul y blanco sobre gris oscuro

Quizás sea porque el icono es el primer lugar al que miro.
Es más importante para mí que el avatar. Porque el que activó la notificación también está ahí como texto, de lo que se me notifica solo está ahí para las publicaciones movidas, de lo contrario el icono es el único indicador.

2 Me gusta

¿Cambió algo en cuanto al tamaño de la fuente o los iconos? Mi primera impresión es que ahora son un poco más grandes, pero eso podría deberse al espacio en blanco añadido. Esto crea una pequeña falta de concordancia entre los iconos de notificación y los iconos del menú.

Además, el relleno a la derecha me parece un poco demasiado grande.

Nota al margen: Estoy usando el escalado del navegador al 90% (no estoy seguro de cómo podría causar algún problema, pero los navegadores son raros a veces :smile: ).

La última (y probablemente final) iteración ya está activa. Me pondré un recordatorio en marcadores para la semana que viene para fusionar si no hay más comentarios.

2 Me gusta

Gracias por evolucionar esta buena característica. Es mucho mejor que hace más de un año.

Debo admitir, sin embargo, que no estoy completamente convencido por el uso de un salto de línea completo nuevo antes del elemento detallado.

En mi instancia actual, puede ver cuánto espacio se ahorra al iniciar el detalle justo después del nombre de usuario y la separación se logra de todos modos por el tipo en negrita del nombre de usuario frente al menor peso del detalle.

Pero si conservamos la capacidad de modificar eso a través de CSS, estoy bien.

1 me gusta

Sí, definitivamente debería tener una clase.

1 me gusta