¡Genial, este experimento es emocionante! Me encanta el nuevo aspecto aquí, Jordan
Algunos comentarios iniciales: el espaciado se siente un poco apretado, ¿podríamos experimentar con un poco más de espaciado? Creo que se debe a que el relleno de los botones ⌄✓ Dismiss es bastante grande. Creo que sería bueno si los alineáramos con el mismo relleno (¿0.75rem?).
Definitivamente echo de menos los títulos de los temas. Cuando hay uno o dos “me gusta” de usuarios con nombres cortos, hay suficiente información. Pero una o dos palabras del título no son suficientes para mí.
Gracias por los comentarios a ambos. Ambos están muy acertados Dejaré que se acumulen más comentarios antes de abordarlos, pero tened por seguro que los añadiré a la lista.
Al igual que Keegan, el espaciado me parece un poco apretado
No tener sombreado en el espacio negativo entre los elementos hace que me parezca más ocupado, en comparación con cuando todo se mezclaba.
Específico de Horizon:
En Horizon, el fondo de los elementos tiene color, ¿debería ser así? (En Default, ahora es gris).
En Horizon, las esquinas redondeadas en la parte superior izquierda me parecen extrañas… el contenedor parece más nítido que los elementos internos; en Default, se siente como si coincidieran mejor.
He descubierto que la contrapartida de crear más espacio para las notificaciones antiguas (que posiblemente ya he gestionado) a cambio de perder el contexto de las notificaciones más nuevas (que aún necesito gestionar) es inesperada.
Va en la misma línea de lo que @moin dijo anteriormente, y el diseño más denso, como señaló @keegan, está en desacuerdo con el movimiento hacia una menor densidad que hemos estado buscando con componentes como la barra lateral.
Esto se debe al radio de borde más grande establecido por Horizon y a que core establece este radio como “grande”. Desde entonces, he movido este borde en core para que herede el radio de borde establecido regularmente.
Buena observación. Creo que esto se debe a una configuración incorrecta.
Aquí limito el título a una línea, pero permito que el significante tenga su propia línea también. También he añadido un relleno a izquierda y derecha del mismo espacio para que coincida con los botones de abajo.
Esto posiblemente se desvía un poco demasiado del propósito del experimento, pero creo que un problema mayor que restringe nuestro diseño es la cantidad de notificaciones que mostramos. No creo que necesitemos mostrar una página entera de notificaciones solo porque la altura del navegador lo permite. Los usuarios pueden hacer clic en “mostrar más” y ser dirigidos a /my/notifications cuando necesiten ver todo.
Creo que este es un paso en la dirección correcta, y podríamos posiblemente:
reducir el número de notificaciones que mostramos
mostrar más información por notificación
Este diseño que encontré en Dribbble, por ejemplo, tiene una buena proporción entre la cantidad de notificaciones / información en cada notificación / densidad.
También noté que los avatares no están tan cubiertos por el ícono en tu captura de pantalla como en la mía. Elegir “más pequeño” para el tamaño del texto en las preferencias parece causar eso. Tal vez antes también sucedía que una parte más grande del avatar estaba cubierta porque cambié el tamaño del texto, pero ahora los avatares están más cubiertos que antes. (Todavía prefiero la versión anterior solo con íconos, así que no me importa).
Para comparar: con el experimento y en modo seguro
No creo que el fondo gris funcione bien para indicar nuevo y activo… solemos usar el terciario para los estados nuevo y activo y el gris para el hover.
Los iconos me parecen un poco pequeños ahora, me encuentro entrecerrando los ojos para distinguir algunos.
¿Tienes alguna idea sobre cómo funcionaría esto con los cambios en el menú de búsqueda? Recientemente, ampliamos a todo el ancho en los destacados allí, por lo que se siente un poco extraño volver a las cajas.
Los colores de fondo para los elementos no leídos no se ven tan bien en otras paletas de colores. Todos se ven grisáceos y perdieron el acento de color.
Como ya no tenemos el borde que separa las notificaciones de los iconos, el desalineamiento entre ellos y los elementos da la impresión de que algo está mal, especialmente en el primer icono.
Los iconos son demasiado pequeños y en modo móvil el espaciado es incorrecto. Hace que sea más difícil hacer clic en el icono correcto. Ya he hecho clic accidentalmente en una notificación en lugar del icono, dos veces.
¿Cómo se vería el avatar alineado en la parte superior para que siempre esté más cerca de donde está el nombre de usuario? Me pregunto si los avatares centrados se sentirían un poco “desanclados” si tuviera muchas notificaciones de doble línea… comparación muy aproximada.
Dejaré que se acumulen más comentarios antes de abordarlos, pero tened por seguro que los añadiré a la lista.
Creo que este es un paso en la dirección correcta, y podríamos posiblemente:
