web-dev-qa-db-ja.com

2種類のデータの3つの状態を示すより良い方法はありますか?

私たちは、すべての学生(若い年齢層)が2つの個別のテストを完了するまで、ユーザー(教師)がプロセスの次のステップに進むことができないWebベースのテストアプリケーションを作成しています。まず、各学生の最初の評価のすべて、次に2番目の評価に進みます。ただし、ほとんどの場合、最初のセットがすべて完了するまで、この画面は表示されませんが、常にそうであるとは限りません。

ユーザーがクラスリストをすばやくスクロールしながら、ユーザー(教師)がスケジュールを立てて生徒をテストプロセスに割り当てる方法を理解できるように、ユーザーがクラスリストをすばやくスクロールできるように、一目でわかるように表示します。

3つの状態があります:Not StartedIn Progress、およびCompletedNot StartedIn Progressの意味はかなり近いものです。つまり、まだやるべきことが残っています。リストのCompletedに到達するすべてが明らかに目標であるため、強調する必要があると考えました。私たちの現在の解決策がまだそれを正しく強調しているかどうかはわかりませんが?

各テストのステータスをすばやくユーザーに示すために、Wordに加えてアイコンが必要です。クライアントは、私たちが比喩として、空、中途半端、または満杯の複数の選択肢の回答に対して鉛筆で記入される標準的なテストサークルを使用することを提案しました。 (下の例を参照してください。)これが十分に明確かどうかはわかりません。そして、これらのテストは実際にはそのテスト受験方法(紙に鉛筆で書いた「スキャントロン」法で塗りつぶされた円)を使用しないため、相関関係はそれほど重要ではありません。

また、多くの教師はテストが完了したときにスコアを確認したいと考えています。各テストが完了すると、スコアが付けられ、基本的に「良好」、「大丈夫」、「不良」の「レベル」が割り当てられます。これは、プログラム全体で「緑」、「黄色」、「赤」の色に関連付けられています」

さらに複雑にするために、「初期評価」(「評価」は教育の世界でのテストと同様のものを意味します)と「最終評価」があるため、このデータは各学生に対して2回繰り返す必要があります。

「13/155」などのIn Progressステータスの進捗状況の完了または割合の完了も追加することを検討しています。スコアのパーセンテージがすぐ隣にあることで生じる混乱を正当化することは十分に重要ではないと感じているため、現在は使用していません。つまり、両方がパーセンテージであっても別の意味です。

これまでに入手したもののプロトタイプを以下に示します。サークルの背景は、プロトタイプでは透明ではありません。もちろん、最終的に表示されます。

(この画像は、最初に開始したほとんどのテストの例を示していますが、すべてではありません。多くの場合、ユーザーは通常、最初のセットのほぼすべてが完了した後でこの画面に移動し、作業の最中です2番目のセット。それでも問題ないかどうかはわかりません。更新:元の画像に、スコアの色と、完了していないアイテムのパーセンテージが誤って表示されていました。現在の画像は修正されています。)

私たちには大丈夫なデザインだと思いますが、視覚的に表示しているデータが多すぎないか、または十分に明確なデータが不足しているかはわかりません。 In Progress完了ステータスを追加したいのですが、「スコア」のパーセンテージと混同しないでください。スコアのパーセンテージは、赤/黄/緑のスコアレベル内でよく見えますか?スコアのパーセントレベルの色全体をテーブルセルの背景全体にする必要がありますか?レベルの色は、パーセンテージ番号の横にあるランダムなボックスではなく、パーセンテージの前景色にする必要がありますか?

これらすべてを組み合わせるより良い、一般的な方法はありますか?それとも、エンドユーザーのテストにそれを使用する必要があるので、これで十分でしょうか?

Prototype screen so far

3
Mufasa

教師が92%と95%の違いを知る必要はありますか?そうでない場合は、スコアをレターグレード(A、B +、Fなど)として表示する必要があります。そうすることで、スコアのパーセンテージと完了の違いを避けることができます。

進行状況をより忠実に再現する必要がある場合は、5つのアイコンを使用してこれを示すことができます。 Mindjet Mindmanagerには、次のアイコンで表示する方法があります。

enter image description here

6
JohnGB

完全に設計されたソリューションはありませんが、設計に関するフィードバックはいくつかあります。私は色の使用が好きですが、デザインを簡素化する必要があると思います。

パーセンテージは紛らわしいです。一見、私はそれらが完了率を表すと実際に思った。その後、ヘッディンスコアに気づいたとき、テストのスコアが完了しなかった理由についてさらに混乱しました。

おそらくビジュアルスキャンを支援するために、各状態で異なる情報を表示する必要があります。そのため、状態をすばやく特定するのが簡単になります。また、視覚情報の量も減少します。

  • 開始されていません:空白

  • 完了:スコアを色で表示します

  • 進行中:色なし。「進行中(13/155)」と記述できます。
    (テストが完了するまではスコアがないはずです)

これが少しお役に立てば幸いです。

3
Alice
  • ユーザーがクラスリストをすばやくスクロールしながら、ユーザー(教師)がスケジュールを立てて生徒をテストプロセスに割り当てる方法を理解できるように、ユーザーがクラスリストをすばやくスクロールできるように、一目でわかるようにします。

あなたの質問のどれがあなたの解決しようとする試みとどの程度混ざっているのか、私にはわかりません。

ユーザーはスクロールする必要がありますか?

スクロールは必要ありません

  • ページの上部に"25%の生徒が終了しました"のようなダイジェストを入力します。

あなたが書いたのでほとんどの場合、最初のセットのすべてが完了するまでこの画面に到達しませんが、常にではありません。私はそれをさらに拡張します。次のようなものを追加します:{"not everybody finished, please wait. Next button will be available ASA all will finish.", "Everybody finished. You may proceed further. To do so click next button."}の場合{requirements to go further are not met, requirements to proceed are met}.

  • 次のようなグラフがあります:

pie chart of finished/in progress/not started

スクロールが必要です

  • テーブル。並べ替え可能。 1つの列はステータス、値= {"none"、 "in progress"、finished "}になります。教師はその列で並べ替えて表示します。

これらすべてを組み合わせるより良い、一般的な方法はありますか?

  • "また、多くの教師はテストが完了したときにスコアを確認したいと考えています。各テストが完了すると、スコアが付けられ、基本的に「良い」、「大丈夫」、「悪い」の「レベル」が割り当てられます。プログラム全体で、「緑」、「黄色」、「赤」の色が関連付けられています

複数のリストを使用できませんか?または1ページ?

ウェブです。データのビューはいくつでも持つことができます。 (ほとんど)常に[戻る]ボタンを使用できます。

初期評価、最終評価

  • "さらに複雑にするために、"初期評価 "("評価 "は教育の世界でのテストと同様のものを意味します)と"最終評価 "があるため、このデータは各学生に対して2回繰り返す必要があります。

申し訳ありません、何が繰り返されるかわかりません。IAとFAは2つの異なるものです。

これはWebアプリケーションなので、合格した学生の「初期評価」のデータを単純なテキストpassedに置き換えてみてください。観察者には明らかです。

完了

  • "また、" 13/155 "のような進行中ステータスの進捗完了またはパーセンテージの完了を追加することを検討しています..."

JQueryを使用してデータ表現を操作し、必要に応じて置き換えることができます。 Web上にはjQueryテストベッドもあります...

1
user712092

完了率は、「進行中」であることも伝えます。それらを個別に表示する必要はありません。

Interstate が行う方法を確認してください。

Options

example


enter image description here

0
Andy Fleming

進捗状況とスコアの両方を簡単な方法で表示しようとしているようです。進行中のものにはスコアがなく、スコアがあるものは進行中でないため、これをマージできるはずです。

Show all stats in one column

進行中は進行状況バーを表示し、完了時には成績を表示します。

0
invot