Propuesta de diseño de chat: encuesta + buscando comentarios

Alcance

Dispositivo: móvil
Objetivo: página de índice de chat


Hola a todos,

Estoy trabajando en la revisión de la página de índice de chat móvil y, después de iterar durante un tiempo, me gustaría pedir a nuestra comunidad que eche un vistazo a las propuestas actuales, para ver si algo resuena y, si no :melting_face:, si algunos comentarios pueden ayudarme a mejorarlas.

Estos son bocetos de alto nivel de algunas ideas con las que estoy jugando. Cualquier comentario sobre la usabilidad o el aspecto general de los mismos es muy bienvenido. (Menos comentarios sobre colores o alineaciones y cosas por el estilo, ya que todavía es un trabajo en proceso).

Diseño actual

Ejemplo como recordatorio

Problema

Mientras no haya demasiados canales o DMs, todo funciona bien. Sin embargo, cuando la lista de canales se vuelve demasiado larga, los DMs quedan fuera de la vista.

Esto conduce a una UX desagradable:

  • Los DMs no leídos, posiblemente la parte más importante de la página de índice de chat, siempre están fuera de la vista y requieren desplazamiento.
  • Especialmente cuando cambias de ir y venir entre 2 o más DMs, tener que desplazarte hacia abajo cada vez para llegar a tu chat en curso es bastante molesto.

Nuevas propuestas de diseño

Estoy experimentando con un par de configuraciones, cada una con sus pros y contras.

Diseño 1: Diseño horizontal para DMs

¿Qué está pasando aquí?

  • Los DMs están todos en la parte superior, la navegación se realiza mediante desplazamiento horizontal.
  • Los DMs se ordenan por no leídos > más recientes > menos recientes.
  • Los canales están como están debajo de la sección de DMs.

Este diseño hace que encontrar un DM específico sea más difícil, por lo que agregaríamos una función de búsqueda que aparece al desplazarse hacia atrás u otro mecanismo (pero que no ocupa espacio de forma permanente):

Pros y contras (que puedo ver)

:white_check_mark: Fácil acceso a los DMs no leídos
:x: El nombre completo y los miembros del grupo ya no son visibles
:x: El estado del usuario y la marca de tiempo ya no son visibles
:x: El desplazamiento horizontal no es tan divertido =\u003e la búsqueda ayuda

Diseño 2: Una lista mixta

¿Qué está pasando aquí?

  • Los DMs y los canales coexisten pacíficamente en 1 vista de lista.
  • El orden de clasificación se hace así, con DMs no leídos y canales no leídos en secciones “separadas” porque los DMs tienen la máxima prioridad, y no quiero que sean empujados hacia abajo por categorías que un usuario potencialmente nunca borra (soy culpable de eso).
  • Se agregó un icono personalizado opcional para un canal en lugar del icono de chat predeterminado.
  • Esto también podría beneficiarse de tener una función de búsqueda (no mostrada).

Pros y contras (que puedo ver)

:white_check_mark: Fácil acceso a los DMs no leídos
:white_check_mark: Nombre completo o miembros del grupo visibles
:white_check_mark: Estado del usuario y marca de tiempo visibles
:x: Mezclar DMs y canales es menos escaneable =\u003e la búsqueda ayuda

Diseño 3: Pestañas

¿Qué está pasando aquí?

  • Tomando una ruta diferente aquí al usar 2 vistas separadas con pie de página para cambiar.
  • Los canales podrían ordenarse también por los más recientes, en lugar de alfabéticamente. Eso también es cierto para el diseño n.º 1. Estoy considerando hacer de eso una opción de preferencia del usuario.

Pros y contras (que puedo ver)

:white_check_mark: Acceso más fácil a los DMs no leídos
:white_check_mark: Nombre completo o miembros del grupo visibles
:white_check_mark: Estado del usuario y marca de tiempo visibles
:x: No se puede ver todo en una vista

Hora de dar tu opinión

Si todavía estás aquí, genial, gracias :slight_smile:

1. Vota por lo que tenga tu preferencia

Múltiples opciones posibles.

Prefiero…

  • El diseño actual
  • Diseño n.º 1: Diseño horizontal
  • Diseño n.º 2: Vista de una lista
  • Diseño n.º 3: Pestañas
0 voters

Me gusta ver los canales ordenados por…

  • Ordenar alfabéticamente
  • Ordenar por no leídos > más recientes > menos recientes
0 voters

2. Comparte cualquier idea, inspiración, fallos que detectes o comentarios generales que tengas en los comentarios.

¡Gracias a todos!

11 Me gusta

Una pequeña idea: ¿Puedes añadir una función de canal fijado, para que el administrador pueda organizar la importancia del canal?

9 Me gusta

¿Qué hay de anclar el chat personal no leído en la parte superior del cajón de chats?

Hemos recibido los siguientes comentarios de uno de nuestros miembros:

Un mensaje directo de otra persona. Por ejemplo, tú me envías un mensaje. Hay una notificación en la burbuja de chat que dice 1 para indicar que tengo un mensaje. Abro el chat y tengo que desplazarme por todas las demás áreas temáticas para llegar a tu mensaje. Creo que sería más fácil encontrarlo si un mensaje personal no leído estuviera en la parte superior al abrirlo. Espero que tenga sentido.

Pensé que era una buena idea. Encuentra una manera de mostrar primero cualquier mensaje personal no leído y luego “Canal de chat” y luego “Chat personal”.

(No creo que esto sea una publicación duplicada, ya que no pude encontrar ninguna, aunque me pregunto si esto se ha mencionado antes).

3 Me gusta

Reconozco el “problema” de la barra de desplazamiento horizontal en el primer diseño, pero me gusta. No uso muchos mensajes de chat directos, así que tener como las 5 últimas discusiones activas sería suficiente para mí. Ver todas las demás discusiones en las que no estoy actualmente activo (o de las que no he sido notificado) sería de poco interés, por lo que no debería molestarme.
Seguro que puede ser un poco molesto para los que chatean mucho. El diseño es :fire: sin embargo.

2 Me gusta

Un detalle muy importante que me gustaría añadir es que los canales se agrupen por categoría padre (si se definió más de un canal para dicha categoría, o si hay canales definidos para sus categorías hijas), haría que todo fuera más fácil de seguir y organizar :pray:

1 me gusta