web-dev-qa-db-ja.com

新旧の結果の違いを強調し、ユーザーに価値を伝える

コンテキスト
強調したいダッシュボードがあります-

A.ユーザーがシステムにアップロードした合計データと、データベース内のそのデータとの一致の量。
B。機能「X」がオンになっている場合の一致の差の量。

私が伝えなければならないことは、言うまでもなく、ユーザーがアップロードした200Kのアイテム、50Kが私たちのデータベースに一致したということです。ユーザーが機能Xをアクティブにすると、一致は81Kに増加します。

次のアイデアは私が思いついたものです-

enter image description here 1.たとえば、ユーザーがアップロードした200Kのアイテムのうち、50Kがデータベース(30K s1と20K s2で構成されています)と一致しました。ただし、機能Xがアクティブになっている場合、一致は81Kに増加します。


enter image description here 2.同じものをより視覚的に表現して、違いを強調する

これは、効果的に伝えるのが非常に難しいことがわかりました。ユーザーを混乱させないようなワークフローの例はありますか?

2
Ashwin Nepal

ダッシュボードには、世界の状態(現在のメトリック)が一目でわかります。予測される潜在的なメリットと現在の現実を混同しないようにしてください。

コンテキストを理解しているのかわかりませんが、あなたはバランスを取ろうとしているようです:

とは何ができるか(あなたが採用した場合/機能の料金を支払う場合)。これは「古い」と「新しい」では異なります。

機能の採用は不可欠ですが、問題はユーザーが現在の状態を誤って解釈することです。これにより、ダッシュボードへの信頼が失われる可能性があります。

ダッシュボードは、ユーザーの解釈に基づいて、保証(「リラックスできる」)またはアラーム(「火を出す」)を提供します。

利点をいじめるために段階的な開示を試みてください。

この例では、「スーパーマッチ」をアクティブにすることでより多くを獲得できることを示すことができますが、混乱しないようにパーセントで示しています。

つまり、「80k」と表示されている場合、80kmore、または80ktotalかどうかは不明です。または、「素晴らしい!私は80kが一致していることを知っています!」、そして現在の現実の誤った感覚を持っています。

パーセンテージを使用すると、メリットがあることがわかり、showをクリックして詳細な比較を確認できます。

enter image description here

明かされたら、電流と電位の明確な比較を表示します。

ユーザーが比較を開いたら、色、位置、その他のグラフィックインジケーターを使用して、ユーザーが何を取得するかを確実に理解できます。

私は色と位置を使用して、何が何であるか(アイコンと一致する赤)と何ができるか(スーパーマッチの場合は青)を区別しようとしましたが、不明な場合は、凡例を追加できます。

enter image description here

3
Mike M