Separar notificaciones y opciones de cuenta

Actualmente, el avatar en la esquina superior derecha actúa como una caja unificada de varios tipos de elementos muy diferentes. Son varios tipos de notificaciones (respuestas, notificaciones de publicaciones, me gusta, MD, insignias), pero también marcadores y opciones de cuenta. Al principio pensé “oh, qué ingenioso”, pero cuanto más lo uso, más me molesta. Empecemos con algunos problemas concretos con los que me encuentro:

Problema 1: ¿Notificación o error de cuenta?

“Número en un círculo superpuesto a un icono” para mí significa “esto tiene un mensaje para mí”. El icono de Gmail con un 5 son 5 correos electrónicos, el icono de Discord con un 999+ son pings de personas que no me importan; lo entiendo.

Pero, ¿qué es “mi cara con un círculo”? Intuitivamente, es algo sobre mí. Sigo pensando que es un problema de cuenta: “tu prueba gratuita ha expirado”, “por favor, verifica tu dirección de correo electrónico”, algo de ese estilo. Si el círculo no tuviera un número, también optaría por un indicador de actividad de “el usuario está en línea”. Pero nunca “oh, es solo una notificación de una respuesta a tu publicación”.

Problema 2: “¿Cómo cierro sesión?”

Esta es una pregunta que he visto 3 veces este año en mi foro. Me imagino que los pasos del usuario son los siguientes:

  1. He terminado con el foro por hoy. Hora de cerrar sesión.
  2. Hago clic en el avatar, el lugar donde sé, por ~casi todos los demás sitios web, que está el botón de cerrar sesión.
  3. Me presentan mis notificaciones en su lugar, sin ningún botón de cerrar sesión a la vista.
  4. (Me confundo y publico en el foro cómo funciona).

El problema de origen aquí es que el menú desplegable combinado de notificaciones y cuenta es monstruosamente complicado. Aquí en meta, donde soy esencialmente un usuario nuevo, veo 20 elementos en él: 10 notificaciones, 8 pestañas, 2 acciones. Es completamente abrumador, y mirarlo e intentar averiguar que el botón de cerrar sesión está escondido (icono de cuenta después de hacer clic en tu icono de cuenta) requiere bastante poder de pensamiento.

Una propuesta

Mi idea aquí sería mantener las cosas simples:

  • Tener un botón de cuenta que solo contenga las cosas de la cuenta (el avatar).
  • Tener un botón de notificaciones que solo contenga cosas tipo notificación (actividad de publicaciones seguidas, respuestas, menciones, me gusta, insignias).
  • Tener un botón de chat que solo contenga notificaciones de chat.
  • Tener los marcadores como parte de la barra lateral, donde ya tienes una función para agregar cuasi-marcadores (sección personalizada).
  • (Convertir el icono de búsqueda en una barra de búsqueda para reducir la acumulación de iconos a la derecha, y para que la gente busque antes de publicar con más frecuencia).

O para visualizarlo, ¡mirad mis increíbles habilidades de Figma! Los círculos rojos junto a los iconos u otros elementos de la interfaz de usuario (“Widget de chat”, “publicación con recordatorio” en la barra lateral) serían los recuentos de notificaciones, o en el caso de los marcadores, también podrían ser algún tipo de “programado en 1 día” / “retrasado desde el jueves”. El gran círculo rojo sentado en el vacío azul es parte de tu fondo :stuck_out_tongue:

Aparte: ¿Cuál es la diferencia entre un “mensaje personal” (Mensajes) y un “chat personal” (MD)?
En mi opinión, son topológicamente idénticos, con la principal diferencia de que uno es un poco más incómodo de operar que el otro. Los mensajes aún no han encontrado un buen lugar en mi diseño (y, como referencia, tampoco lo tienen en Reddit), y estaría tentado de fusionar los dos sistemas, o quizás llamar a uno “MD heredados” y al otro “chat / nuevos MD” o algo así.

7 Me gusta

¡Estoy mayormente de acuerdo contigo! :slight_smile:

Me recuerda al Tema Central de Discourse (aún no lanzado) que separa las notificaciones y la cuenta, y se siente más natural. Me gusta bastante:

(Por cierto, si sabes lo que haces, las modificaciones en este tema se explican aquí y podrían usarse en un componente temático para otro tema.)

También existe este útil componente que vale la pena mencionar para agregar un ícono de cierre de sesión en la parte inferior del menú:

En cuanto a la búsqueda, podrías estar interesado en este componente:

5 Me gusta

Sí, esa es una buena decisión para ese tema y, en mi humilde opinión, vale la pena implementarla en muchos de los otros temas también.

4 Me gusta

Estoy de acuerdo con eso también y espero que la configuración como en el tema Central se convierta en un valor predeterminado. También publiqué sobre ello hace un tiempo, pero si lo implementas por tu cuenta, solo estás pidiendo mucho mantenimiento considerando el ritmo de cambio con respecto a la navegación.

3 Me gusta

El encabezado se está actualizando actualmente para usar componentes Ember en lugar de nuestro sistema de widgets personalizado, ¡así que pronto será mucho más fácil mover cosas!

4 Me gusta

Separar los diferentes aspectos del menú personal parece una buena idea, de hecho.
Y creo que los cambios en el tema Central que @Arkshine destacó van en la dirección correcta.
Hay tres cosas que añadiría:

  1. Creo que los mensajes personales también deberían tener su propio espacio (bueno, fundamentalmente creo que el chat y los mensajes personales deberían fusionarse en una sola cosa, pero esa es otra historia)
  2. Al menos para mí, incluso en el tema Central, todavía recibo marcadores en el menú de notificaciones (captura de pantalla a continuación), y siento que pertenecen solo al menú del usuario (como propuso el OP) o a la barra lateral (si el menú del usuario se convierte en algo “solo de perfil/configuración”).
  3. Ya que estamos: dado que “respuestas”, “me gusta”, “insignias”, etc. son efectivamente filtros en la lista completa de notificaciones, en mi opinión deberían ir a la parte superior del área de notificaciones (o tal vez ser descartados por completo).

1 me gusta