web-dev-qa-db-ja.com

図形を塗りつぶしてパーセンタイルランクを視覚化する

私は、ユーザーが何パーセンタイルランキングにあるかをユーザーに示すためのビジュアルを作成しています。いくつかの塗りつぶしの概念を使用して、ユーザーにオブジェクトを塗りつぶしたいので、ランキングを上げたいと思います。

現在 これは私が持っているものです です。

ピラミッドを使用しますが、エリアを直線的に塗りつぶすと、実際に達成したランクよりもはるかに高いランクの人に見えるようになります。たとえば、この図では...

a pyramid filled 64% of the way linearly, which fills more than 64% of the area

...高さの64%が塗りつぶされているのがわかりますが、領域のはるかに大きい部分が塗りつぶされています。このレイアウトでは、ピラミッドの残りの部分が非常に小さく見えるため、ランクをさらに上げることは少しの作業であると人々に感じさせるかもしれません。

それはとにかく理論です。図形で表される進行状況インジケーターが動機付けに影響を与えるかどうか、または人々が最も動機付けになると思う図形についての研究は見つかりません。 いくつかの形は他の形よりもやる気を起こさせると思いますか?もしそうなら、どの形が最もやる気を起こさせますか?

3
Nico Cernek

1)多分正規分布をグラフィックとして使用します:

Normal distribution ranking

ただし、平均的なユーザーがグラフィックをどのように理解できるかはわかりません。ランキングに正規分布を使用している人を見たことがありません。

2)他の選択肢はプログレスバースライダーです

Progress bar slider

私の考えでは、プログレスバースライダーはユーザーにとってより直感的で理解しやすいと思いますが、正規分布を試してみる価値もあります。これに関するご意見をお待ちしております。

1

これはすべて素晴らしいフィードバックです。実際には、分布曲線を個別に含めることを計画しています。最良かつ最も簡単な解決策は、きれいな数を用意することだと私には思えます。これは私の考えの要約であり、あなたのフィードバックの一部が組み込まれています。 enter image description here

1
Nico Cernek