Proposition de conception de chat : sondage + recherche de commentaires

Portée

Appareil : mobile
Cible : page d’index du chat


Bonjour à tous,

Je travaille à la refonte de la page d’index du chat mobile et après plusieurs itérations, j’aimerais solliciter notre communauté pour jeter un œil aux propositions actuelles, afin de voir si quelque chose résonne et, sinon :melting_face:, si quelques retours peuvent m’aider à les améliorer.

Ce sont des maquettes de haut niveau de quelques idées que j’explore. Tout retour sur l’utilisabilité ou l’aspect général est le bienvenu. (Les retours sur les couleurs ou les alignements et autres sont moins importants, car c’est encore un travail en cours.)

Conception actuelle

Exemple pour rappel

Problème

Tant qu’il n’y a pas trop de canaux ou de messages directs, tout fonctionne bien. Cependant, lorsque la liste des canaux devient trop longue, les messages directs sont repoussés hors de l’écran.

Cela conduit à une mauvaise expérience utilisateur :

  • Les messages directs non lus, sans doute la partie la plus importante de la page d’index du chat, sont toujours hors de l’écran et nécessitent de faire défiler.
  • Surtout lorsque vous passez d’un message direct à un autre ou entre plusieurs, devoir faire défiler vers le bas à chaque fois pour atteindre votre conversation en cours est assez gênant.

Nouvelles propositions de conception

J’expérimente avec quelques configurations, chacune avec ses propres avantages et inconvénients.

Conception 1 : Mise en page horizontale pour les messages directs

Que se passe-t-il ici ?

  • Les messages directs sont tous en haut, navigation par défilement horizontal.
  • Les messages directs sont triés par non lus > plus récents > moins récents.
  • Les canaux sont tels quels sous la section des messages directs.

Cette mise en page rend la recherche d’un message direct spécifique plus difficile, nous ajouterions donc une fonction de recherche qui apparaît lors du défilement arrière ou un autre mécanisme (mais qui n’occupe pas en permanence de l’espace) :

Avantages et inconvénients (que je peux voir)

:white_check_mark: Accès facile aux messages directs non lus
:x: Le nom complet et les membres du groupe ne sont plus visibles
:x: Le statut de l’utilisateur et l’horodatage ne sont plus visibles
:x: Le défilement horizontal n’est pas très agréable => la recherche aide

Conception 2 : Une liste mixte

Que se passe-t-il ici ?

  • Les messages directs et les canaux coexistent pacifiquement dans une seule vue de liste.
  • L’ordre de tri se fait comme ceci, avec les messages directs et les canaux non lus dans des sections « séparées » car les messages directs ont la priorité la plus élevée, et je ne veux pas qu’ils soient repoussés par des catégories que l’utilisateur ne vide potentiellement jamais (je suis coupable de cela moi-même).
  • Ajout d’une icône personnalisée facultative pour un canal au lieu de l’icône de chat par défaut.
  • Ceci aussi pourrait bénéficier d’une fonction de recherche (non représentée).

Avantages et inconvénients (que je peux voir)

:white_check_mark: Accès facile aux messages directs non lus
:white_check_mark: Nom complet ou membres du groupe visibles
:white_check_mark: Statut de l’utilisateur et horodatage visibles
:x: Le mélange des messages directs et des canaux est moins lisible => la recherche aide

Conception 3 : Onglets

Que se passe-t-il ici ?

  • On prend une direction différente en utilisant 2 vues séparées avec un pied de page pour basculer.
  • Les canaux pourraient également être triés par plus récents, au lieu d’alphabétique. C’est également vrai pour la conception n°1. J’envisage d’en faire une option de préférence utilisateur.

Avantages et inconvénients (que je peux voir)

:white_check_mark: Accès plus facile aux messages directs non lus
:white_check_mark: Nom complet ou membres du groupe visibles
:white_check_mark: Statut de l’utilisateur et horodatage visibles
:x: On ne peut pas tout voir en une seule vue

Temps de retour d’information

Si vous êtes toujours là, c’est génial, merci :slight_smile:

1. Votez pour ce qui a votre préférence

Plusieurs options possibles.

Je préfère…

  • La conception actuelle
  • Conception n°1 : Mise en page horizontale
  • Conception n°2 : Vue en liste unique
  • Conception n°3 : Onglets
0 voters

J’aime voir les canaux triés par…

  • Trier par ordre alphabétique
  • Trier par non lus > plus récents > moins récents
0 voters

2. Partagez vos idées, inspirations, défauts que vous repérez, ou vos commentaires généraux dans les commentaires

Merci à tous !

11 « J'aime »

Une petite idée : Pouvez-vous ajouter une fonction de canal épinglé, afin que l’administrateur puisse organiser l’importance du canal ?

9 « J'aime »

Et si on épinglait le chat personnel non lu en haut du tiroir de discussion ?

Nous venons de recevoir le commentaire suivant de la part d’un de nos membres :

Par exemple, un message direct d’une autre personne. Vous m’envoyez un message. Il y a une notification sur la bulle de discussion indiquant 1 pour signaler que j’ai un message. J’ouvre la discussion et je dois faire défiler toutes les autres zones de sujet pour accéder à votre message. Je pense qu’il serait plus facile de le trouver si un message personnel non lu était en haut à l’ouverture. J’espère que cela a du sens.

J’ai trouvé que c’était une bonne idée. Trouvez un moyen d’afficher d’abord tous les messages personnels non lus, puis le « Canal de discussion », puis le « Chat personnel ».

(Je ne pense pas qu’il s’agisse d’un doublon car je n’en ai pas trouvé, mais je me demande si cela a déjà été mentionné).

3 « J'aime »

Je reconnais le « problème » de défilement horizontal sur le premier design, mais j’aime bien. Je n’utilise pas beaucoup les messages de chat directs, donc avoir comme les 5 dernières discussions actives me suffirait. Voir toutes les autres discussions dans lesquelles je ne suis pas actuellement actif (ou dont je ne suis pas notifié) m’intéresserait peu, donc cela ne devrait pas me déranger.
Cela peut certainement être un peu gênant pour les personnes très actives dans le chat. Le design est :fire: cependant.

2 « J'aime »

Un détail très important que j’aimerais ajouter est de regrouper les chaînes par catégorie parente (s’il y avait plus d’une chaîne définie pour ladite catégorie, ou s’il y a des chaînes définies pour ses catégories enfants), cela rendrait tout plus facile à suivre et à organiser :pray:

1 « J'aime »