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
, 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)
Fácil acceso a los DMs no leídos
El nombre completo y los miembros del grupo ya no son visibles
El estado del usuario y la marca de tiempo ya no son visibles
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)
Fácil acceso a los DMs no leídos
Nombre completo o miembros del grupo visibles
Estado del usuario y marca de tiempo visibles
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)
Acceso más fácil a los DMs no leídos
Nombre completo o miembros del grupo visibles
Estado del usuario y marca de tiempo visibles
No se puede ver todo en una vista
Hora de dar tu opinión
Si todavía estás aquí, genial, gracias ![]()
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
Me gusta ver los canales ordenados por…
- Ordenar alfabéticamente
- Ordenar por no leídos > más recientes > menos recientes
2. Comparte cualquier idea, inspiración, fallos que detectes o comentarios generales que tengas en los comentarios.
¡Gracias a todos!




