用語が間違っているかもしれませんが、その考えは正しいと思います。
数値を増やして一定の数値に到達しようとする場合、進行状況を表すさまざまな方法があります。通常、これを表すために、ある種の進行状況バーが表示されます。これを前向きな目標と呼びます。測定する数値をできるだけ大きくしたい。
高い数値またはゼロから開始する目標についてはどうでしょうか。「目標」は、数値をできるだけ低くするか、ゼロのままにすることです。これは私がタイトルで否定的な目標として言及したものです。それはゴルフのスコアのようなものです-低いほど良いです。 「進行状況」をできるだけ少なくしたいので、進行状況バーは意味をなさないようです。プログレスバーの反対は何ですか?
ゴールを「逆転」させてポジティブゴール(大きな数値が必要な場合)として表すことができる可能性は常にありますが、常に可能であるか、または明確でさえないと私は確信していません。ユーザーにとって意味のある否定的な目標を表す方法を見つけようとしています。
実際のビジネスの例:
目標の簡潔なリストをダッシュボード形式で表示している場合、肯定的なものと否定的なものがあります。ユーザーがそれらを区別するのに役立つ、どのような設計要素を使用できますか?それらすべてにプログレスバーを表示するのは混乱しているように思えます。一部を埋める場所と、空にする場所があります。
色の手がかりを使用すると役立つ場合がありますが、色の手がかりを使用する最も一般的な方法は赤=悪い、緑=良いので、もちろん色覚異常に遭遇します。
減量アプリがどのようにそれを行っているかを見てください-通常、ターゲット領域がマークされている折れ線グラフを使用します:
私が感じているのは、KPI(主要業績評価指標)ダッシュボードを設計しようとしているということです。ポジティブとネガティブの結果に関する各要素は、緑、オレンジ、赤などの色で伝えることができます。ただし、これらのカラーコードは、有名なソリューションのUI要素に既に埋め込まれています 2 。
ダッシュボードのニーズに対するソリューション。
弾丸グラフ の使用を検討してください。
ブレットグラフは、従来の棒グラフを取り、ターゲットと範囲の情報を簡潔に表す要素を追加します。特にダッシュボード用に設計されています。
以下の費用と欠陥のグラフを見てください。ターゲットバーが0マークに向かって配置されていることに注意してください。これら2つのグラフの色の範囲も逆になっており、0に近い最も明るい「良好」な範囲と一番上の暗い「悪い」パフォーマンス範囲を示しています。
これが十分に明らかでない場合は、スケールを逆にグラフ化することもできます。
これで、従来どのグラフを読み取るべきか、どのグラフが逆のスケールを持つかが非常に明確になりました。
これは、Stephen Few(ブレットグラフの設計者)のブログ投稿から引用したものです。 http://kelsocartography.com/blog/?p=1682
私はこの非常に興味深い質問に完全な答えを持っていないので、いくつかの考えを投げ込みます:
たぶん、そのメカニズムを使用して、「反転した」陽性を視覚化することもできます
これにより、同じ種類のビジュアルを使用できますが、「残されたもの」と「達成されたもの」は明確に区別されます。色は「注意が必要なもの」の認識に役立ちます。技術的には、両方のアプローチでバーを下から上に「成長」させることもできます。正の場合は色付きのバー、負の場合は灰色のバーになります。
少し考え直します。それは非常に興味深いなぞなぞです:)
私が正しく理解している場合、主な目的は、現在のスコアを一種の「回帰」バーに投影することにより、ベンチマーク(または目標)を超えたユーザーの間で覚醒の感覚を作り出すことです/グラフ(そう言えば)。私が関連付けることができる最も速い参照は次のとおりです:
私はそれらの3つのターゲットを呼び出して、プログレスバーの真ん中に正確に配置します
ターゲットの上にあり、バーが真ん中で始まり、赤で右に移動します
ターゲットの下にある場合、バーは左に移動して緑色になります
私は似たようなものに取り組み、シンプルなダッシュボードのアプローチを取ることが最善であるという結論に達しました。 「私は上、下、または横に移動していますか?」というセマンティクスにユーザーを巻き込まないでください。
これは、ユーザー(電話エージェント)が管理者定義のターゲットにヒットしようとしている通話時間メトリックの例です。そのターゲットは、パーセンテージスコアで表されます。色付きのリングは、ターゲットに当たると「ドーナツ」を満たします。さまざまなマイルストーン値によって色が変化し、ユーザーの進行または衰退を強化するのに役立ちます。
シンプルでスキャン可能なビジュアルビジュアルキュー大量の解読を必要とせずに高レベルの評価を提供します。問題がある場合は明らかであり、ユーザーは他のデータにドリルダウンして詳細を確認できます。
マイナスの進行状況の進行状況バー
典型的な進行状況バーは空から始まり、いっぱいになります。または、ダウンしてヘッドアップします。
高い数値またはゼロから開始するという目標があり、進行状況を下方に表示したい場合は、進行状況バーの反対を求めます。
反対は、完全に始まり、空になるバーです。または「アップ」を開始し、徐々にダウンします。
もう1つの考え方は、カセットプレーヤーやWinAmpにあったボリュームバーです。
スケールの最初の60%〜70%で緑色に点灯し、次にスケールの次の20%-25%で黄色になり、最後のセクションで赤色になるバー。これらは上下にちらついて、物事が良かったとき、不良に近づいたとき、不良だったときに通知します。
実際のビジネスの例:
平均通話時間が10分未満である
平均時間と目標時間を表示します。呼び出しごとに更新します。これにより、時間に対する進行状況がわかります。
返品が3未満
これは通常、比率の目標です。現在の返品率を表示します。目標返品率を表示します。スケールの大部分を排除します。
例えば3回の返品は、たとえば、バッチの0.5%/ 1週間の生産です。現在の返品率はあたり12です。現在の返品率を0%から2.5%までの範囲でのみ表示します。
72時間以上経過している未解決のケースがない
その年齢はいくつのオープンケースですか?昨日は何人いましたか?先週?公演?
重要な点は、進行状況バーは一般的に一方向を示しているということです。あなたはフィニッシュに進むか、おそらく一時停止します。
これらの実際の例のほとんどでは、バックスライドが実際の可能性です。
色の使用について:
私は常に淡い緑と濃い赤を使用するようにしています。私は赤を「純粋な」赤に保ち、緑に青っぽい色合いを取り入れようとします。
これにより、赤と緑の2つの違いがわかります。青の量と暗さです。
色覚異常がユーザーエクスペリエンスに及ぼす影響に関する多くの有用な情報は、次の場所にもあります: 色覚異常のユーザーがサイトを見ることができますか?
サイトに表示されている色の時計ダイアルでは、通常5時と正午または午前11時に表示される色を使用します。そして、午前11時/正午の色を暗くします。
これには赤のマイナスプログレスバーを使用しません。
負の進歩は常に心理的に損失と関連しています。特に、警告を発する赤いバーや他の種類の赤い看板で描かれている場合はそうです。ポジティブに戻すと、通常のプログレスバーや他のゲーミフィケーション要素を使用できるだけでなく、ダブルネガティブではなくポジティブな強化をユーザーに奨励することもできます。
元に戻す:
平均通話時間が10分未満>「超高速通話」カテゴリの平均通話時間。
返品が3回未満の場合>「キーパー」バッジを付けます。
72時間以上経過している未解決のケースがない> 72時間以内に7つのケースが終了している。あなたは10ケースのストライキをしています!
それでも、ユーザーにとって「肯定的な」方法で「否定的な」方向に進む目標を表すことができます。
あなたが提起した実際のケースを見てみましょう:
多分温度計のようなものですか?あなたの数が少ない場合、それは青であり、あなたはクールです。数が増えると、垂直バーのサイズが大きくなり、黄色、オレンジ、赤になり、注目を集めます。
あなたが物事を置く方法は私にゲーミフィケーションを思い出させます。それが数字ではなく欠点である場合、人生の概念を使用することもできます(マリオブラザーズの1アップなど)。ユーザーは、たとえば、5つの人生から始めます。彼らが「間違った」ことをした場合(たとえば、1つの未解決のケースを3日以上応答しなかった場合)、彼らは人生を逃します。ゲームには、残りのライフ数を表す多くの方法があり、1つを選択できます。 (それが役に立てば幸い)