web-dev-qa-db-ja.com

円グラフを使用したユーザースキルの表示(パーセンテージ)

ユーザーがスキルをパーセント値または円グラフで示すための概念を示しているさまざまなジョブテンプレートを見てきました。以下にその例をいくつか示します。

ソース

enter image description here

ソース

enter image description here

ソース

enter image description here

これは本当に誰かのスキルを表すスマートな方法ですか?はいの場合、%を計算する方法は何ですか(%は相対量で機能するため)?

それが特定のスキルに費やされた年/月の数に計算されている場合は、次のように単純にしておく方がいいでしょう。

HTML - 5 Years
CSS  - 3 Years
PHP  - 1 Year

ユーザーが自分のスキルを入力する必要がある場合、ユーザーがこれらのオプションから選択できるようにした方がいいのではないでしょうか。

 1. Guru
 2. Expert
 3. Medium 
 4. Beginner
1
Zerotoinfinity

最良の解決策は、主にこの情報を表示することで達成しようとしていることと関係があると思います。それは、誰かが多くの異なることを知っているというメッセージを単に知りたいという履歴書のようなものですか?または、異なるスキル間の誰かの相対的な経験をより明確に示すことが目標ですか?そして、比較はどの程度正確である必要がありますか?

実際のデータの視覚化である場合は、より正確にしたいと思うかもしれませんが、この場合は不明確です。

最初の例では、これらは実際には円グラフではなく、値が1つだけの放射状棒グラフです。最後に挙げた例は、通常の棒グラフに似ています。

データを通常のバーとして表示すると、精度が向上し、異なるスキル間の比較が容易になります。しかし、それはあなたが本当に望んでいることなのでしょうか? 74%のCSSと76%のHTMLのどちらが重要か?放射状棒グラフは、視覚化ツールとしてはあまり正確ではありませんが、おそらくこの人は、他の人よりも多くのことを知っているという点を理解することができます。そして、それらは直線バーほど正確ではないので、正確なパーセンテージの比較にそれほど追いついていません。

さまざまなビジュアルエンコーディングの機能については、このチャートを参照してください。 http://complexdiagrams.com/properties

あなたがよく提起する2番目の質問は、これらのパーセンテージが誰かのスキルを提示するのに良い方法であるかどうかです。 「エキスパート」と「初心者」のような主観的な方がいいです。誰かを100%にする年数を決定する問題に対処する必要がないからです。人はHTML5/CSS3を5年間使用できますが、それは彼らが専門家であることを意味しません。ただし、これらを使用する場合は、他の例のように視覚的に魅力的な方法で情報を提示する方法を見つける必要があるでしょう。

2
bobfet1