web-dev-qa-db-ja.com

目標達成の代替グラフィック表示?

クライアントには、毎月達成したい目標Xがあり、これをグラフィカルに表示することを望んでいます。これは、人々がどこまで進んでいるかを簡単に確認できる良い方法であることに同意します。

私が持っている質問は、基本的な棒グラフまたはテレソンスタイルの目標温度計以外に、これを行う方法はまったく考えられないということです。これらはどちらも粘着性があり、使いすぎだと思います。他の方法でやりたいのですが、何が一番いいのかわかりません。

これはJavascriptまたはColdfusionで行われます。どちらの方法でも、最終結果だけが問題になるわけではありません。必ずしもコードは必要ありませんが、使いすぎない方法でこのタイプのデータを表現するための最良の方法は何かというアイデアです。これはディスカッションではなく、実際に意見に基づく質問ではありません。考え抜かれた方法でいくつかのアイデア/リンクを提供してくれる人を探しています。

10
mawburn

Stephen Fewのブレットグラフ は、パフォーマンスを他の範囲やターゲットと比較するのに理想的です。私はJavaScriptで Jquery Sparklines を広範囲に使用しており、使いやすく非常に機能的であることがわかりました。

箇条書きの潜在的な欠点は、ユーザーが最初に見たときに簡単に読めない可能性があることです。ただし、非常に簡単な説明や、下に示したような吹き出しのある説明画像で修正できます。そして誰かが一度それを読む方法を学ぶと、弾丸の価値は何度も再利用されます。

以下は、ウィキペディアからの画像で、読み方の基本を示しています。ユーザーが最初はそれを読む方法を理解していないのではないかと心配している場合は、グラフの横に小さな「ヘルプ」アイコンを配置して、ユーザーがクリックしてこの画像のような、説明を説明するクイックポップアップを表示できるようにすることをお勧めします。 :

Bullet Graph Explanation from Wikipedia

7
Scott Willeke

それは、目的、およびインジケーターの使用目的によって異なります。すでに述べた2つのパターンは非常に一般的であり(これは良いことです)、それぞれにいくつかの調整を加えて、アプリケーションの目的により適合するようにすることができます。

進行状況バー は一般的なデザインパターンです、それは「overused」です。これは標準であるため、良い点はユーザーは確かにそれを理解するでしょう。これは一般的にゲーミフィケーションに関連付けられています。ユーザーが最終目標に関してどこにいるかをグラフィカルに表示するために使用する方法は、進行状況バーを使用しており、目標に達したときに通常は報酬を発行します。バッジ。

本当に素敵なUI/UXでこの種の問題に取り組んでいるアプリはたくさんありますが、彼らはまだ進行状況バーを使用していますが、UI側で革新を試みていますが、それでもまだ進行状況バーです(連続または離散/ステップ、線形または円形)。

より洗練されたバリエーションとインスピレーションをチェックできます hereand here (円形のものを参照)。

別の方法として、ゴールラインのある棒グラフは、もう1つの興味深い可能性です。ただし、過去の時間やその他のカテゴリを参照するための棒グラフを作成することでユーザーにメリットがあるのか​​、それとも単にグラフ表示が乱雑になるのかを自問する必要があります。

7

チャート/グラフが何を測定しており、チャートの目的が何であるかを知ることは有用です。

ここにいくつかのアイデアがあります:

  1. 他の人に関する統計を見ると、ユーザーが目標を達成するように動機づけることができます。
  2. 動物の画像を変更することでエネルギー効率の良い方法でコンピューターを使用するようユーザーに勧めた興味深い研究もありました(残念ながらそれは見つかりません)。効率が悪いほど、画像は怖くなります。

enter image description here

6
Anna Rouben

目標が目標に向けて達成するために少数の個別のステップに分割されている場合、パーセンテージプログレスバーは、ステップとの抽象化および関連付けが解除されているため、進行状況をあまり示しません。完了までに残っているステップの数を言った方がいい...そしてうまくいけば、次のステップを表示するための目立つ方法を提供します。 「スーパーベター」などのihponeアプリが思い浮かびます。一方、それがすべて(粗雑な例)毎月の目標に到達するために追加の石炭をストーブにかき混ぜることの問題である場合は、どうしても割合または同様の進行状況バーがうまく機能します。

0
Chris