Visualisez un rang centile en remplissant une forme
Je fais un visuel pour montrer à un utilisateur à quel rang de centile il se trouve. Je veux utiliser un concept de remplissage pour encourager l'utilisateur à vouloir remplir l'objet, et ainsi augmenter son classement.
Actuellement, c'est ce que j'ai .
En utilisant une pyramide, mais en remplissant la zone de façon linéaire, on dirait que quelqu'un a un rang beaucoup plus élevé qu'il ne l'a réellement atteint. Par exemple, dans ce diagramme ...
... vous pouvez voir que 64% de la hauteur a été remplie, mais une partie beaucoup plus grande de la zone a été remplie. Cette disposition pourrait faire ressentir aux gens que l'augmentation de leur rang ne sera qu'un petit peu de travail car la partie restante de la pyramide semble si petite.
C'est la théorie de toute façon. Je n'ai trouvé aucune recherche pour savoir si les indicateurs de progrès représentés dans les formes ont un impact sur la motivation ou sur la forme que les gens trouveront la plus motivante. Les gens trouvent-ils que certaines formes sont plus motivantes que d'autres? Si oui, quelle forme apparaîtra la plus motivante?
1) Peut-être utiliser la distribution normale comme graphique:
Cependant, je ne sais pas comment les utilisateurs moyens pourront comprendre le graphique. Je n'ai jamais vu quelqu'un utiliser la distribution normale pour les classements.
2) L'autre alternative est le curseur de barre de progression :
À mon avis, le curseur de la barre de progression sera plus intuitif et plus facile à comprendre par les utilisateurs, mais cela vaut également la peine d'être expérimenté avec la distribution normale. Sera heureux de recevoir des commentaires à ce sujet.
Ce sont tous d'excellents commentaires. Je prévois en fait d'inclure une courbe de distribution séparément. Il me semble que la solution la meilleure et la plus simple est d'avoir un numéro propre. Voici un résumé de ma pensée, avec certains de vos commentaires incorporés . 