Design Tuftian pour l'affichage des noms d'utilisateur

Question

Je travaille sur un site web qui comporte un important volet de réseautage social.

Je veux que le nom d'utilisateur court soit affiché (1 icône ( peut-être 2) + un nom d'utilisateur stylé) pour indiquer :

1. présence (active, inactive, absente, hors ligne) - poids de la police
2. avatar (autogène ou téléchargé) - icône préfixée de 16x16px
3. relation explicite avec l'utilisateur actuel (followee, follower, mutual friend, FOAF, none) - hue ?
4. relation implicite avec l'utilisateur actuel (échelle basée sur le niveau d'interaction) - saturation ?
5. match prédit (multiscalaire basé sur l'IA) - remplace l'icône de l'avatar ?

Plus d'informations et de détails seront affichés dans une infobulle. Cette partie centrale sera affichée partout (pensez par exemple au style des noms d'utilisateurs dans les commentaires de StackOverflow, pas dans les signatures de messages), et doit donc être compacte et élégante. Elle n'a pas besoin d'afficher parfaitement ces données - c'est la raison d'être de l'infobulle - mais elle doit donner au moins une indication subtile.

Par "relation explicite", on entend le "friending" de type Facebook/Twitter. Il s'agit plus d'une permission que d'une véritable "relation" à proprement parler.

Cette fonction de sécurité permet d'éviter que quelqu'un essaie de vous tromper en utilisant un nom d'utilisateur qui ressemble à celui d'un de vos amis. Le statut explicite affecte également les actions disponibles dans l'infobulle (par exemple, vous ne pouvez pas devenir l'ami d'un ami ou envoyer un poke à un non-ami).

Par "relation implicite", on entend par exemple la différence entre les deux personnes avec lesquelles vous parlez tout le temps, les dix personnes avec lesquelles vous avez des contacts réguliers, les cinquante personnes que vous avez inscrites sur la liste des "amis" mais auxquelles vous ne parlez jamais, et les cinquante personnes que vous n'avez pas (encore) inscrites sur la liste des "amis" mais auxquelles vous avez parlé.

La "prédiction d'appréciation" est le résultat d'une IA très complexe, à la manière du "score de correspondance" d'OKCupid ; son but est de vous pousser doucement à parler à des personnes que vous apprécierez probablement davantage. Dans le cas où l'on ne sait rien de vous, il s'agit d'une évaluation "objective" du karma à la Slashdot. Il se peut aussi que je veuille afficher des indices semi-catégoriels, par exemple si l'IA pense que vous trouverez cette personne "drôle" ou "intéressante".

Comment puis-je indiquer les choses ci-dessus de la manière la plus gracieuse possible ?

Answer 1

Il n'est peut-être pas judicieux d'afficher autant de choses à la fois dans le peu d'espace que vous allouerez probablement à l'affichage du nom d'utilisateur. Je pense qu'au mieux, vous pouvez afficher 3 ou 4 choses à la fois sans perturber l'utilisateur. Plus que cela, l'utilisateur ne saura plus ce qui est quoi. La tâche de mémorisation va à l'encontre de tous les aspects de la convivialité.

Une autre façon d'afficher tous les éléments serait d'utiliser une sorte de popup, mais même cela n'est pas une bonne idée pour la quantité d'informations que vous voulez afficher :( Je pense que vous serez probablement mieux si vous pouvez simplifier le problème de sorte que vous obteniez moins de variables.