web-dev-qa-db-ja.com

初心者、中級者、専門家を表す色

フォーラムサイトで、初心者、中級者、専門家のユーザーを表す色についての指針はありますか?

最初は緑(初心者)、オレンジ(中級)、赤(専門家)を考えていましたが、これらの色がすでに他のタスク/アクションに関連付けられているのではないかと心配しています。

17
Jacquip

文化、言語、文脈、またはその他の要素に応じて特定の色に関連する通常の意味があるため、異なる色(緑、オレンジ、赤または青銅、銀、金など)の使用は解釈の対象となります。以前にUXSEで同様の質問が出されましたが、対象読者は幼い子供向けでした どの色が3つの難易度レベルを最もよく表すでしょうか?

異なる色の使用に対する別の戦略は、異なる色の使用と比較しておそらくより明確である、進行を示すための彩度または明度の使用です。

色の解釈が異なる可能性を考えると、これをおそらくスキルレベルの進展を示す記号やアイコン(おそらく星)と組み合わせるのが良いと思います。これは、テキストを表示するための十分なスペースがない可能性があるモバイルアプリまたはモバイルWebサイトでうまく機能します。

したがって、おそらく以下のように、色とアイコンの組み合わせを提案します。

enter image description here

31
Michael Lai

このような状況に対する私の通常のアドバイスは、伝えようとしていることのコアコンセプトに戻ることを提案し、次に、同様のコンセプトを伝えるために色が使用されている他の場所を調べることです。

この場合、特定のフィールドでmastery of masteryを伝えるための視覚的なメタファーを探している場合、メダルまたは証明書のメタファーがすぐに思い浮かびます。

  • ゴールド-トップレベル
  • シルバー-2番目のレベル。
  • ブロンズ-第3レベル。

金と青銅を区別するのは難しい場合があるため(そして、「私には習得がありません」と言うメダルは直観に反しているように感じるため)、実際には次のようにすることをお勧めします。

  • エンブレムなし-初心者(習得なし)
  • シルバーエンブレム-中級
  • ゴールドエンブレム-熟練した熟練者

...しかし、それに加えて、そのような指標を持つことの実際の利点を検討し、これらの指標が与えられる基準が実際に何らかの目的に役立つことを確認することを強くお勧めします。

人気のあるプラットフォームに基づく多くのフォーラムサイトには、ポストカウントのみに基づく「ユーザー評価」があります。その結果、ユーザーはドライブルでこれらのフォーラムにスパムを送信し、高い評価を得ることができます。一方、低い評価のユーザーは、非常に価値の高いコンテンツを少量投稿した可能性があります。

これは、コントリビューションの「いいね」または「投票」が代わりに使用されることが多い理由の1つであり、これらを集約して、ある種の評価を提供できます。このアプローチにより、専門知識レベルは、誰かがたくさん投稿したことを示すだけでなく、他のユーザーが貢献が有益(または面白い)であることを示したことを確実にします。

また、「格付け」を変えてよりわかりやすくする方法もいくつかあります。いくつかの例は:

  • 「トレーニングホイール」のメタファーの頭にそれを入れます(新しいユーザーは、「私はあなたよりも優れている」バッジを持っている確立されたユーザーとは対照的に、使用を終えると「助けて、私は新しい」バッジを持っています)
  • マスタリーのフィールドマスタリングの程度と同様に表現されるように、フォーラム全体の1つではなく、トピック/サブフォーラム固有のマスタリングレベルを提供します。
6
Adrian Long

これは、ゲーミフィケーションのいくつかの原則に関連する複雑な問題です。ゲーミフィケーションが目的の場合、懸念は正当化される可能性があります。

ガートナーによると、ゲーミフィケーションは非常に賢明な問題であり、主に設計が不十分なため、最近のゲーミフィケーションされたアプリケーションはビジネス目標の達成に失敗しました

文化的な側面は、プロジェクトの特殊性に由来する一貫性と結束の全体的な原則の隣にあるので、私はそれらに名前を付けることすらできないほど複雑ではありません。

色記号論に関しては、普遍的な原則というものはありません。この記事によると どの色が最も良く変換するか 、赤とオレンジのボタンが緑のボタンよりも優れているという調査結果がありました。

しかし、これは単なる出現でした。実際には、色自体はほとんど違いがありません。 「より重要なのは、ページ全体の視覚的な階層をどのように変更するか、行動を促すフレーズを目立たせる方法です。さらに、追加情報とボタン自体の表現です。」

それは理にかなっている。

私は適切な提案がありますが、私はあなたのビジネスのコンテキストについてあまり知らないので、それが機能することを保証できません。

  • 視覚的な階層といえば、「エキスパートユーザー」は説明によると最高のクラスを表すので、それを最も目立たせる方法を見つける必要があります。あなたは色のコントラストを通してそれを達成することができます。背景は緑色ですか?最も強力な補色のコントラストを得るために、そのボタンを赤にしてください。次に、専門家ユーザーは劇的に重要であると認識されます。

  • 「中級」のクラスは、初心者の代表よりも少しわかりやすいはずです。繰り返しになりますが、色の選択は全体的なデザインに依存します。つまり、「中」のパワーのコントラストを採用する必要があるという意味です。

  • 「初心者」クラスは邪魔にならないはずですが、それでも色彩環境と色の調和を保つ必要があります。類似のコントラストのようなもの。

これがお役に立てば幸いです。新しいアイデアを思いついたら、答えを更新します。

5
Mircea

数年前にゲームサービスのデザインを作成しました。以下のバーは、修正されたEloランキングシステムでのランクを示しています。デザインスキームは空手のベルトカラーに触発されました。ランク付けされた各メンバーのプロフィール写真の近くにカラーブロックが表示されました。白[初心者]から黒[専門家]まで。私はどんな理論も含めていませんが、あなたはインプットを持っているべきだと思いました。
編集:インデックスページで、評価範囲全体を見たので、色の理解に役立ちました。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
JW_