速度と品質のUIパターン

Question

私は、機能の速度と品質を表現するのに役立つUI要素の適切な配置を考え出そうとしています。

誰かが私を正しい方向に向けることができますか？

• ラベルは正しい/情報は十分ですか？
• スライダーは正しいコントロールですか？

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

Answer 1

スライダーは許容範囲内だと思いますが、利点を先導する必要があるため、次のようになります。

Faster Running Time |-----X---|---------| Better Quality 

人々は一方が他方を犠牲にしていることを理解するのに十分賢い、または少なくとも両方を手に入れようとしていると思うほど愚かではない。

Answer 2

スライダーは正しいコントロールです。テキストを「Speed/Quality」という単語だけに簡略化します。

時間を表すために2番目のビジュアルを追加できます。トレードオフを強調するスライダーを動かすと、これはサイズを変更します。全長は可能な限り長い時間を表す必要があります。しかし、これは素晴らしいです（;

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

Answer 3

Photoshopのjpeg保存オプションから手掛かりを得て、同様のトレードオフ、ファイルサイズ（経済性）と画像品質を提示することができます。スライダーをスライドさせると、2つの要素も変化します。品質ボックスの数値（現在は「10」が表示されています）とファイルサイズ（スライダーの右側にある「619.4K」）になっているため、ユーザーはスライダー設定手段。 （これは古いバージョンのPhotoshopですが、それでも20年の改良が必要です！）

Answer 4

Rachel Keslensky と Lisa Tweedie の回答に基づいた別のアイデアを以下に示します。 :)

しかし、私が見ているように、これは標準的なコントロールではありません。

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

Answer 5

「品質」ラベルは「より良い品質」と「実行時間」ではなく「より速い実行時間」よりも十分であることを追加します