web-dev-qa-db-ja.com

最も低いスコアのレースを提示する方法

STEMの小学校にエネルギーダッシュボードがあります。ページの1つは、月曜日の午前8時から金曜日の2:45に完了する最も効率的な建物の競争です。

現在、各建物の走行距離を以下のように計算したレースを掲載しています。これにより、すべてのチームが週/レースの開始時にスタートラインからスタートし、最も効率的な建物が予定された競技終了時間にフィニッシュラインに到達し、各建物が現在の効率に基づいて配置されるようになります。

(TimeElapsed/CompetitionDuration) * MIN( EnergyUse(i)/SqFt(i) ) * ( SqFt(i)/EnergyUse(i) )

horizontal bar graph showing positions of four buildings

ただし、勝者はスコアが最も低いチーム(平方フィートあたりのエネルギー使用量)であるため、このアプローチはあまり直感的ではありません。さらに、一般的なレースでは、走行距離が決まっていますが、完了するまでの時間は決まっていないため、直感的ではありません。また、ベースラインのエネルギー使用量に対するエネルギー使用量に基づいて各チームのスコアを決定することも検討しましたが、これにより、チームが逆戻りして、理解することが困難になる可能性があります。

勝者が最もエネルギーを使用しないチームである場合、どのように競争が提示されるべきですか?

38
user1032531

一番簡単な解決策は、一番低いスコア(勝者)を一番上に置き、残りを下に置くことだと思います。誰もがリストのトップにいる方がいいと思う傾向があるので。リーダーボードのように。

また、コンピューターのベンチマークについても検討します。時には、「少ない方が良い」というサブタイトルのグラフィックスを持っています。  Look at this as an example

お役に立てば幸いです。

58
Diogo Belém

エネルギー消費に比例するスコアを提示しているため、あなたのアプローチは直感的ではありませんが、[その逆数に応じてplayersをスコアします。小学生の直感的なメンタルモデルに一致する参加者のスコアを計算し(大きい/高いほど良い)、その値をグラフ化します。簡単な言葉で...あなたのチャートで使用するスコアを逆にします。

UXの黄金律の1つは、personaを念頭に置いて設計することです。 教育を受けた大人にとって完全に明確なことは、まだ小学生にとって理解できない可能性があります

彼の答え のマーティヌスは非常に良い点を作りました:ゲームでは「スコア」という単語は「高いほど良い」という意味を持ちます(ゴルフやラミノのようないくつかの例外はあります)。

免責事項

私は教育者ではありません。ゲームは子供の成長の重要な部分ですが、競争には注意深く取り組む必要があります。この回答をさらに出発点とする専門の教育者の助けを借りて調査する

いくつかのポイントを†でマークしました。これらの提案を子供たちの教育者と話し合うことを強くお勧めします。彼らは意見を述べられたり、彼らをサポートするために心理学の背景が必要になる場合があります(私は持っていません)、または子供たちの文化や教育レベルに関連している可能性があります。

この答えは、UIデザイン(データの表示方法)の半分にすぎません。IMOの最も重要な部分は、これを作成するための全体的な経験ですゲーム対象読者を念頭に置きながら、楽しくて教育的。

数式、値、名前は純粋に例示的なものであり、ドメインを知っているので、私よりもずっと上手にできると確信しています。

準備する

このデータを考えると:

チーム1:34 
チーム2:22 
チーム3:56 
チーム4:16 

absolute参照値はありません(X軸を元に戻しただけで目的の結果が得られる場合があります)normalizeエネルギー効率フィールド。私は単に100 - Value / Maximum * 100

Competition data

それは意味がありますか?データバーを追加して簡単に見てみましょう。

Competition data with data bars

(これがどのように計算されるかに関係なく)エネルギー消費の増加に対して、エネルギー効率を示すために逆正規化されたインデックスがあります。

私は100%をIbestとして使用し、0%をworstとして使用しています。一部の小学生は、数値が大きいほど、または小数が多いほど問題が発生する可能性があります†(データを表示する場合は切り捨てます)。精度を最優先しない場合は、[1..10]スケールを使用できます。

KBTU/ftかどうかはわかりません†2/ yrは、幼児を対象とする場合に使用する適切な測定単位です。だからこそ、ここでは誰もが理解できる純粋な数値である「エネルギー効率指数」について話しています。

プレゼント

これらの情報を提示する方法は?今バーを使用したい場合は簡単です:

Chart for energy efficiency index

これで、チームのパフォーマンスが向上し、直感的にスコアが高くなります。同じグラフでエネルギー使用量を比較することができます。 efficiencyusageの逆であり、正規化されたデータで作業しているため、全体は常に100%です。

Chart for energy balance

改善する

スコアが0のチームがありますが、視覚的に魅力的ではありませんが、さらに重要なのは、この値が変更されることはなく、最低パフォーマンスチームのスコアが常に0になることです。競争相手は子供です次に、進捗状況のフィードバックを提供します†(または少なくとも何かが起こっていることを示すため)。これは士気と自尊心を助ける可能性があります†。

これを解決するには、最大値の代わりに合計を使用して正規化します。

Alt chart for energy efficiency index

そして:

Alt chart for energy balance

値がかなり高い場合は、ゼロ以外の値からX軸を開始できます。それは違いを誇張し、多分わずかに競争的な行動を刺激するという肯定的な効果があります†:

Alt chart for energy efficiency index with X starting at non-zero value

これはcheatingを含むボーダーラインであり、常に軸の値を含むことに注意してください。子はgoodチャートに慣れる必要があります視覚的な魅力を支持します。十分に設計されていないグラフが誤解を招く可能性があることを示す(そして意図的に誤解を招くものの兆候をすばやくスキャンする†)ための小さなディスカッションポイント(それらが十分に古い場合)でさえあります。

X軸が何であるかをグラフで示すことはできません。時間?使用法?使用時間*時間?また、時間軸を使用している場合、IMOバーは最適な選択ではありません。インデックスを計算し、折れ線グラフとしてプロットします。

するために

私はこれらの例ではそれをしませんでしたが、あなたはorderチームのスコアに従って††する必要があります。 別の答え はすでにこれに対処しています。あなたの聴衆は子供でできており、自由に追加できます 装飾と色 必要に応じて†(もちろん、データを非表示にすることなく)。

Acrcturus 彼の答え は、勝者のマーカーを追加することを提案しています。私はそれは良い推薦だと思いますが、他のすべてについて特別な言及を追加します†(最低のパフォーマンスでも):常に改善傾向、前四半期で最高のパフォーマンス、最も安定したインデックス等々。理想的には、各チームはsomethingについて言及する必要があります。

これについて(特にレトロスペクティブ†レッスンを考慮して)、パーツが全体にどのように寄与するかを理解するのに役立つ、さらに多くのことを説明します(1つの非常に効率的な建物を想像してみましょう非常に非効率的なもののworldで)。それは刺激的なトピックですが、この質問の範囲外です...

32
Adriano Repetti
  1. 小さい番号のバー(良い)を上部に配置し、大きい番号のバー(悪い)を下部に配置して、グラフを並べ替えます。

  2. 小さい番号のバーの色を緑(または任意の正の表現色)に設定し、大きい番号のバー(または任意の負の表現色)に色を設定します

enter image description here

28

おそらくFuelメタファーが最適です。だから、あなたのレースの目的は

与えられた100 KWのいわゆる燃料が最小の燃料損失で距離を完了します。

しかし、あなたは否定的にはなりません。あなたは距離を完了することができますが、すべての燃料を使用した場合-あなたの問題、ポイントはありません。

enter image description here

最後に、残っている燃料の量を数え、それをポイントに変換できます(必要な場合)。そして、誰もが燃料と燃料タンクを理解していることから、これは100%明らかであり、その「より多くの燃料が残っている-より良い」エネルギー効率などです。

最終的に。好きなようにチャートを描くことができます。上部のラインが大きく(残りの燃料が多い)、下部のラインが小さい(使用される燃料が多い)。

さらに進んで、フィクションのように美しいストーリーを作成できます。非常に特別な燃料があり、1グラムあたり1KWのエネルギーがあります。または通常の「ガソリン」名を使用してください:)

enter image description here

最後に言うことができます。

与えられた100グラムのエレリウム115は、最小の燃料損失で距離を完了します。

(1グラムのエレリウムに1kwが含まれていると仮定)

今、あなたのレースは途中でいくつかの数学をしなければなりません。何故なの? :)

9
ADOConnection

あなたがスコアと呼んでいるものは、通常理解されているようにスコアではありません-より大きな score は通常、より良いと理解されています。言葉は progress のように前向きに聞こえます。高速とは、低速ではなく高速になるという意味です。

平方フィートあたりのエネルギー値を維持したい場合は、「損失」や「コスト」など、否定的に聞こえる何か別の単語を見つけます。しかし、スコアのように肯定的な発音の用語を使用するの方が常に優れています。必要なのはより良い式です。

すでに提案されているように、(一定の制限に対して計算された)節約されたエネルギーで十分です。逆数、つまりキロワットあたりの平方フィートは、人工的な制限を必要としないため、さらに優れている場合があります。または、大きく考えて温室あたりの家数-の数を数えると、より良いグラフィックが得られる場合があります。

勝者の大きなバーを表示することは、逆の方法よりも見栄えが良くなります。また、チームを好きなように注文することもできます(4つのチームだけでは問題ではありません)。

7
maaartinus

まず、「完了」という単語を「最大」や「100KW」などに変更する必要があります。これは、誰かがFinishを見た場合、最初の印象は、その仕上げに到達する必要があるということです。あなたが欲しいものの。同じ理由でバッジも削除します。

私は...するだろう:

  1. 対応するプログレスバーの横に建物の名前を追加します。
  2. 常に[リアルタイム]グラフ内の建物を昇順で並べ替えます[最低の消費者から最高の消費者へ]
  3. すべてのプログレスバーで青、緑、オレンジ、赤のグラデーションをクリップします
  4. 最後のバーの黄色をプログレスバーから同じ赤に変更します
  5. 最初の2つのプログレスバーの最後から、「勝利」と「フォローアップ」の2つのタグを追加します

enter image description here

この結果へ

enter image description here

5
Alin

DiogoBelém および Ahmad Naim Muzammil結果を最低スコアから最高スコアにソートすることで、勝者を入れて提案しています(スコアが低い) )が一番上にあり、敗者(スコアが高い)が一番下にあります。

これは、これら2つの回答からの他の提案とともに、非常に役立ちます。ただし、これでも勝者を一目で疑うことなく見つけるはできません。

この問題に対処するには、次のようにしますチャートに「勝者」ラベルを追加する(おそらくアイコン付き)。これは、順序を使用して、値が低い=より良い結果であるという直感をすぐに得ることができます。

enter image description here

5
Arcturus B

代わりに折れ線グラフを使用するのはどうですか?

Line graph showing the energy used by each building

私にとってこれはレースが時間ベース(毎週金曜日に終了)に基づいていることを伝えているようです。また、低いほど良いことを理解するのは簡単です。さらなる利点として、現在のステータスを確認するだけでなく、その週にどのチームが進歩したかを視覚的に確認できます。

4
jpa

垂直バーを下に向けます。そうすることで、バーのリーディングエッジがバーの異なる(したがって知覚される)機能となり、それにより少ないエネルギー消費でチームの知覚される機能が実現するため、最も長いバーが最も下に行く、つまり直感的です。 higher。また、これらのバーは通常、借金または否定的な結果に使用されます(通常、何らかの利益または肯定的な結果と併せてですが、とにかく)。視聴者は、このコンテキストで小さいバーをより良いものと見なすことに慣れています。

enter image description here

4
bukwyrm

同じ軸を維持しますが、バーを右から描画しますdown "100"から現在の値まで。これにより、最も長いバーが現在のフロントランナーになります。これは、消費のセマンティクスを捉えたものです。エネルギー消費量が少ないほど、消費するバーが少なくなります。

ベースラインを示す場合は、この値を示すラベル付きの垂直線を重ねます。

サイドコメント

  • 縦軸のラベルに基づいて、明らかに建物を「KW」の単位で測定していますが、これはSI単位ではありません。キロワットを意味する場合、それは「kW」です。
  • 建物をキロワット単位で測定するのは奇妙です。建物には通常名前がありますが、建物の軸に示されているようには見えません。
  • 建物は通常、順序付けられたセットではありません。この例では、自然なアルファベット順があります。これは、現在のランキングに基づいてバーを並べ替えるagainstを強く主張しています。
  • 建物の識別に色を使用しているようです。これは、(左)縦軸とそのラベルを削除し、凡例を「建物:[スポットカラー] A [スポットカラー] B ...」に変更することでより適切に示される可能性があります。読み取り可能なサイズ。
  • 横軸にはラベルがなく、単位がありません。これはkWで測定する必要がある軸だと思います。
  • 「フィニッシュ」を表すものは2つあるようですが、どちらがここから現在までの距離や時間をどのように表しているかは定かではありません。別のバーグループ内の「残り時間」という別の水平バーである(つまり、建物のバー間よりも垂直方向の間隔が広い)ことを示すより良い方法は、週の競争が進むにつれてゼロに減少することです。
1
Eric Towers

別の答えは、既存の「小さい方が良い」測定値を、長いバーが良い方に再正規化するいくつかの方法を与えました。一方、私にはたった1つの非常に単純な方法があります。

現在の性能指数は、「エネルギー使用量」の測定単位を指定せずに、「平方フィートあたりのエネルギー使用量」です。議論のために、キロジュールと仮定します。キロワット秒。

グラフを反転して「大きい方が良い」ようにするには、単純に逆数を計算-つまり、性能指数を「使用エネルギーあたりの平方フィート」にします。数値を直感的に含めるために、単位を再スケールする必要がある場合があります(おそらく、キロジュールではなくキロワット時またはメガジュールに、または平方フィートではなく平方メートルを使用)。これは、バーの相対的な長さに影響しません。

過去に私が主張した別の例として、同じ手法を使用して、インターネットの遅延をミリ秒(小さいほど良い)で表す代わりに、ヘルツ(大きいほど良い)で表現します。典型的な大陸横断100msの遅延は10Hzの応答になり、ゲームのフレームレートと非常に簡単に比較できます。有線イーサネットLANは通常、ミリ秒未満の遅延、または1000Hzを超える応答があります。

0
Chromatix

あなたの説明では、_静的time(1週間)と変数値energy(Sqr ftなどの付随する計算を含む)があります。

時間をvariableにし、代わりにenergyを静的に変更します。

たとえば、x energy units/sqrftおよびtime this energy would last for usを変数として。

初期効率よりも少ない「エネルギー量」を割り当てる

これはより良い効率を達成するための競争です。だから、彼らに(グラフで...)彼らが現在必要としているものよりも少ないエネルギーを与えてください。

そのため、最初のグラフを作成して競争を開始すると、水平バーが実際には1週間もないreachのようなものになります。

しかし、それは実際の(または想像上の)最終目標です。割り当てられたエネルギーを1週間以上継続するのに十分な効率を達成します。

この設定では、バーが最も長いグループであるため、勝者を一目で確認できます。

[編集4-28-18:UXフォーラムで開発者モードで答えていることに気付きました。その方程式は私を後押ししました。方程式の詳細と説明をすべて削除しました。]

あなたは間違いなくこの表示を行うことができます。この表示は、割合を表示する一般的な棒グラフです。このディスプレイは、競争に勝つためのすべての方程式ではなく、誰が競争に勝っているのかを簡単に伝える必要があります。

一つの問題は言葉遣いです。この例では、「省エネコンテスト」の場合は「省エネコンテスト」と呼んでいます。エネルギーの節約と節約は非常に一般的な概念です。したがって、ディスプレイには消費量ではなく節約額が表示されます。

enter image description here この例は実数を表示しています。それはあらゆる量の競技者で動作します。上部の表示時間をコントロールにすることができます。

ディスプレイのサイズは任意です。ピクセル単位でのレースの幅は、バーを作成するために使用されます。必要な唯一のデータは、消費数のセットです(以下を参照)。この方程式は、競技者のバーのピクセル幅を返します。

棒を作成する方程式は次のとおりです。

バーの幅=時間の幅-((((使用単位-最小単位)/ほとんどの単位)/時間の幅);

この例で使用されている数値(消費数)は次のとおりです:A:184、B:361、C:120、D:408、ベースライン:392

0
moot

情報の提示方法が目的に合わないようで、これは2つの異なるレベルで発生します。 1つ目は、人々がエネルギー節約をどのように捉えるかのメンタルモデルに合ったレースです。これは、データの量を変更するのではなく、相対的に節約される量(増分的に増加する)を表すようにデータを言い換えたり、再構成したりすることで実現できます。エネルギー消費(効率が良くなると減少します)。絶対的なエネルギー使用量を比較するのがどれほど意味があるかはわかりません。これは、建物に同じ量のエネルギー要件と同様の条件が必要になることを意味します(たとえば、エネルギー効率の低い古い建物)。それ以外の場合は、公正な比較を行います。

2番目の側面は、影響を与えようとしている行動を奨励する方法で情報を視覚化することです。レースは重要ですが、レースには勝者が1人しかいませんが、優先行動を示す限り、勝者であるかどうかにかかわらず、行動に報酬/奨励する必要があります。したがって、以前の取り組みとの比較を表示することもできるブレットチャートのようなものは、以前の取り組みを改善した建物を示すことができます。

Bullet Graphsがどのように機能するかについての説明を以下に示します。 https://en.wikipedia.org/wiki/Bullet_graph

0
Michael Lai