web-dev-qa-db-ja.com

Webダッシュボードに情報を表示するゲージについてどう思いますか?

大学入試用のレビュアータイプのウェブサイトを再設計しています-数学、科学、英語など、さまざまなカテゴリがあります。学生は必要な数の復習クイズ/試験を受けることができ、試験全体を受験するか、選択した科目のみを受験するかを選択できます。

生徒のダッシュボードでは、生徒の現在のスコアを表示し、さまざまな科目とサブ科目に分割する必要があります(例:科学は生物学、物理学、化学に分割されます)。上司は、このビデオの0:22にあるUI設計要素( http://www.fathomhq.com/tour )を「中央のUI要素」として使用することを望んでいます。こんな感じです

Fathom HQ display thing

私はまだ若いデザイナーですが、これで十分だとは思いません。

  • ユーザーは高校生または大学生です。彼らがその複雑さを高く評価するかどうかはわかりません。
  • 情報密度に対してピクセルが少なすぎる(必要なスペースのために、情報が少なすぎると思います)。棒グラフや折れ線グラフ、あるいは表のほうが実際には優れていると思います。
  • グラフ/テーブル対ゲージ/これが何であれ、サポートするソフトウェアライブラリ(JavaScript)は他にもあります。
  • 正直、彼はこのデザインに夢中になっていると思います。

助けて、私は間違っていますか、それとも正しいですか?これを上手く判断できないと上司に伝えるにはどうすればよいですか。

(追記私はここで一種の新しいタグでわからない)

9
Daryll Santos

一般に、多数の視覚的なチャート/グラフ/ダイアル/ゲージで構成される「ダッシュボード」:

  • 何か管理が大好きです
  • めったにすべてが役に立つことはありません

せいぜい、色をステータスの強力な指標として見ることをお勧めします。少なくとも、それはいくつかの典型的な関連性があります(ええと、それは赤いです!誰に怒鳴るの!?)

それを超えて、しかし、ビジュアルでページを装飾するのではなく、データを伝えることに固執してください。単純化、単純化、単純化。

サンプルのビジュアルは素晴らしいようですが、何を伝えようとしているのかまったくわかりません。

7
DA01

目的が何であるかを分析します。分類されたさまざまなスコアをたくさん表示することですよね?彼らはお互いを簡単に比較できるでしょうか?この円のレイアウトは、スプレッドを互いに遠くに配置するだけでなく、タイプの方向を何度も変更してめまいがするため、非常に困難です。解決策ではなく、目標と要件から始めてください。そうすれば、より多くの幸運が生まれます。主なカテゴリを最初に表示し、その後必要に応じて拡大および縮小する段階的な開示で作業してみてください。目標がゲームのように感じさせること、またはより多くの目標を達成することである場合、スパイダーグラフを使用したり、ビデオゲームのエクスペリエンスインジケーターのように、各達成で満たされるある種の空のバーを使用したりできます。しかし、実際には、これらは幅広い説明に基づく推測です。最後に、あなたの上司が本当にチャートを愛しているなら、なぜ彼らに尋ねますか?どの部分が彼らにとってうまく機能するか、そして密度やタイプなどについてのあなたの懸念について尋ねます。次に、おそらくあなたは彼らに長所と短所を見るのを助け、あなたはそれに頭を突きつけるのではなくソリューションでパートナーシップを形成することができます。しかし、彼らが好きなものを尋ねるだけでなく、指示され、幅広い意見だけでなく、望ましい結果を確実に理解するための計画を立ててください。

2
Mark Sloan

これはここでは判読できません。誰もがこのデザインをどのように評価するかわかりません。

このゲージにはクリックイベントが必要ですか? (この画像からは理解できません)

これは回転したり状態を変えたりしますか? (これが循環する必要がある特定の理由があります)

ノードの数がサークルが対応できる数より多い場合はどうなりますか? (スケーラビリティについて考えましたか)

これを上手く判断できないと上司に伝えるにはどうすればよいですか。

私は彼にユーザーテストの結果を見せることが一番の方法だと思います!

0
gurvinder372