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
, 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)
Accès facile aux messages directs non lus
Le nom complet et les membres du groupe ne sont plus visibles
Le statut de l’utilisateur et l’horodatage ne sont plus visibles
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)
Accès facile aux messages directs non lus
Nom complet ou membres du groupe visibles
Statut de l’utilisateur et horodatage visibles
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)
Accès plus facile aux messages directs non lus
Nom complet ou membres du groupe visibles
Statut de l’utilisateur et horodatage visibles
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 ![]()
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
J’aime voir les canaux triés par…
- Trier par ordre alphabétique
- Trier par non lus > plus récents > moins récents
2. Partagez vos idées, inspirations, défauts que vous repérez, ou vos commentaires généraux dans les commentaires
Merci à tous !




