Je construis un système de messagerie plusieurs à plusieurs, ce qui signifie qu'un utilisateur peut envoyer un message à 35 autres utilisateurs, et n'importe lequel de ces utilisateurs peut répondre à ce message, que tout le monde peut voir.
En regardant comment les utilisateurs utilisent ce système, j'ai vérifié que les messages envoyés sont assez volumineux et structurés comme des e-mails. Il est utilisé par les grandes associations pour entrer en contact avec leurs membres, il doit donc conserver une sorte de professionnalisme.
Ce que je voudrais, c'est rester simple tout en conservant l'accès à toutes les données. Mon implémentation actuelle semble désordonnée et déroutante. Quelles mesures puis-je prendre pour le simplifier, tout en conservant l'accès à toutes les fonctionnalités?
Implémentation actuelle
C'est déjà fait (et vérifié) par beaucoup d'autres. Les messages vont du plus récent au plus ancien et les commentaires vont du plus ancien au plus récent. C'est familier, c'est ainsi que se font les e-mails (messages et réponses), les messages sur Facebook, etc.
Vous pouvez utiliser différentes vues (messages chaînés, qui seront organisés en fils) ou triées par date (sans aucun lien) comme cela se fait dans les clients de messagerie.
Ou vous pouvez essayer de réfléchir à la manière de représenter les grands commentaires et messages eux-mêmes (en réduisant une partie, par exemple) et à utiliser le comportement de Facebook, etc. Implémentez différents tri, etc.
Et bien sûr, les utilisateurs devraient être en mesure de répondre à n'importe quel message, donc il devrait y avoir une action qui fera apparaître une boîte de commentaire près de chaque message ou commentaire.
Comme dans beaucoup d'autres choses de la vie, c'est une option que vous pouvez facilement laisser à l'utilisateur. Il y a des utilisateurs qui aiment un ordre d'affichage plat du plus récent au plus ancien, et il y a des utilisateurs qui aiment le filetage infini. Mais en tant que concepteurs UX, il est souvent de notre devoir de donner aux utilisateurs les options parmi lesquelles ils peuvent choisir.
L'une des meilleures implémentations sur cette pensée (j'ai vu) vient du système de gestion de l'apprentissage open source Moodle. Ils ont quatre façons différentes d'afficher les réponses, et j'ai trouvé cela très utile et j'ai réellement basculé entre les modes d'affichage en fonction du message que je consultais. Il est extrêmement puissant et en tant qu’utilisateur, vous vous sentez en contrôle total.
Les quatre options d'affichage de Moodle sont :
Un fil de discussion peut être affiché de quatre façons. Utilisez le menu déroulant en haut de chaque discussion du forum pour sélectionner un type d'affichage.
L'affichage répond à plat, avec le plus ancien en premier
Certains formats de site Moodle affichent le menu déroulant dans une position légèrement différente.
L'affichage répond à plat, avec le plus récent en premier
La discussion sera affichée sur une ligne et l'ordre chronologique du plus récent au plus ancien. C'est la même chose que ci-dessus, juste un ordre de tri différent.
Afficher les réponses sous forme de thread
Seul le message commençant la discussion sera affiché dans sa forme complète; les réponses seront réduites aux titres (y compris les informations sur son auteur et la date de publication) et organisées par ordre chronologique; en outre, les réponses seront décalées vers la droite de sorte que seules les réponses au même message se trouvaient sur la même ligne.
Afficher les réponses sous forme imbriquée
Tous les messages sont affichés dans leur forme complète; les réponses seront réduites aux titres (y compris les informations sur son auteur et la date de publication) et organisées par ordre chronologique; en outre, les réponses seront décalées vers la droite de sorte que seules les réponses au même message se trouvaient sur la même ligne.
Je pense que l'astuce est de pouvoir réduire les réponses aux messages de niveau supérieur.
La vue initiale serait une liste des messages de niveau supérieur (les plus récents en haut) avec leurs réponses (le cas échéant) non affichées. S'il y a des réponses, en dessous de chaque message serait quelque chose comme "5 réponses". Il y aurait un bouton pour basculer l'état d'affichage des réponses pour chaque message. Les réponses seraient montrées en retrait pour indiquer qu'elles sont une réponse au message dépassé ci-dessus. Les réponses aux réponses seraient davantage en retrait (le modèle de réponse/retrait commun).
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Je pense que ce n'est pas si important dans quel ordre vous montrez le message. Vos utilisateurs devraient pouvoir parcourir les messages et obtenir un aperçu rapide. Ils liront d'abord les messages apparemment les plus intéressants. Quand un message semble-t-il intéressant? Peut-être si elle a un sujet intéressant ou de nombreuses réponses d'autres membres, indiquant une discussion chaude.
Ainsi, l'objet, l'expéditeur, la date et le nombre de réponses peuvent être les propriétés de niveau supérieur d'un message et vous pouvez les résumer dans une vue de niveau supérieur. Cette approche est inspirée du principe de conception zoom sémantique de Microsoft.
En ce qui concerne la maquette ci-dessous, à gauche, vous avez la vue dézoomée. Le contenu et les réponses d'un message sélectionné sont affichés à droite.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups