web-dev-qa-db-ja.com

特別なスライダー値をチェックボックスで実装する必要がありますか?

WebP形式で画像をエクスポートするGIMPプラグインのダイアログボックスを作成しています。ダイアログは現在、次のようになっています。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

「ロスレス」チェックボックスはそれぞれ、チェックすると、そのすぐ下にある品質スライダーとスピナーボックスを無効にします。カラーチャネルの場合、これは「ロスレス」を表すスライダー値がないためです(100%でもロスレスではありません)。

ただし、アルファチャネルの場合、100%の値はロスレス(およびデフォルト)であるため、チェックボックスがオンになっているかどうか疑問に思っています冗長。私が考えている2つの可能な実装があります:

  • チェックボックスを削除:このオプションを使用すると、チェックボックスが削除され、スライダーの範囲は0〜100になります。
  • スライダーの範囲を0〜99に設定:このオプションを使用すると、スライダーは99までしか移動しないため、チェックボックスが残り、100の値を使用できるようになります。

2つのオプションを決定するのに苦労しています。考えられる各シナリオでユーザーが実行する必要がある手順の数を示す簡単なグラフは、最初のオプションを支持しています。

チェックボックスとスライダー0-99:手順:
-ユーザーはロスレスを望んでいます:チェックボックスはすでにチェックされており、ユーザーは何もしません(0)
-ユーザーはロッシーを望んでいます:チェックボックスをオフにしてスライダーを移動します(2)
 
 Slider 0-100 
-ユーザーはロスレスを望んでいます:スライダーは既に100に設定されています(0)
-ユーザーはロッシーを望んでいます:スライダーを値( 1)

しかし、必要なステップ数のみに基づいてこの決定を下すことは良い考えではないことを理解しています。インターフェイスは直感的である必要があります。

14
Nathan Osman

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

これはどう?

チェックボックスをラジオボタンに置​​き換えるだけです。

カラーチャネル-ロスレスを選択するとスライダーが無効になり、ロッシーを選択するとスライダーが有効になります。

アルファチャネル-[ロスレス]を選択するとスライダーが100%に設定され、[ロッシー]を選択して手動で100%に設定しても無線には影響しません。

16

私はあなたがあなた自身に尋ねる必要がある質問は、ユーザーがカラーチャンネルに100%が設定されている場合にデータ損失があるかどうかを知っているでしょうかと思います.

ユーザーが本当にそれを知らず、データの損失または品質の損失が比較的無視できる場合は、チェックボックスを削除し、0-100のスクロール機能を提供するという最初のオプションを使用することをお勧めします。可能な限り最高の品質が生み出されているという印象を持つ彼ら。アルファチャネルはロスレスだと言ったとおり、間違いなく正しいはずですが、ユーザーがカラーチャネルのロスについて知らない限り、可能な限り最高の品質が達成されているという印象を彼らに提供します。 )色品質を維持する他の方法がわからない場合は、そこに問題がないはずです。

チェックボックスを使用すると、2回クリックするだけでワンストップオプションになりますが、100%品質とロスレスの違いについての質問があり、一部のユーザーを混乱させる可能性があるため、私はそのファンではありません。

ユーザーエクスペリエンスの面で必要な場合は、ユーザーがスライダーを使用して0〜100でスライドできるようにすることで、品質に関して metaphor をユーザーに提供するだけで、最も正確な情報が伝えられるかもしれません

メタファーがユーザーエクスペリエンスを向上させる方法

1
Mervin

ここでの問題は、ユーザーが「100%」が「ロスレス」であると直感できない可能性があることです。代わりに、彼らは「ロスレスが欲しい」とだけ知って、とにかくボックスをチェックするかもしれません。

IMOが最も理にかなっているのは、一貫性を保つためにスライダーを灰色にするチェックボックスを両方とも残すことです。スライダーを使用して、アルファチャネルの100%での入力を「ロスレス」にして、ユーザーがロスレスビデオを設定する両方の可能な方法にアクセスできるようにすることができます。冗長性は必ずしも悪いとは限りません。

さらに、アルファチャネル設定が100%の場合、ロスレスチェックボックスに灰色のチェック(またはドットや四角)を残して、100%アルファチャネル==ロスレスという考えを固めることができます。 暗黙チェックのようなものです。 Windowsで同様の状態を示す四角形のチェックボックスを確認しましたが、例として使用する画像が見つかりません。

機能的に可能であれば、ロスレスボックスをチェックするとスライダーがグレー表示になり、入力に関係なくレンダリングされますが、ユーザーがスライダーを移動できるようにすることもできます。スライダーを動かそうとすると、「ロスレス」のチェックがすぐに外れ、ロッシーモードに切り替わり、通常のように値が設定されます。無効化されたコントロールを移動できることは少し予想外かもしれません。そのため、それをテストする必要があるかもしれませんが、両方の入力のステップ数を制限することで、両方の世界のベストを得ることができます。

1
Ben Brocka

ユーザーは本当にwantを使用して、カラーチャネルとアルファチャネルのロスレスプロパティを個別に制御しますか? one Losslessオプションしかなく、Lossyモードの場合にのみ両方のスライダーを変更できるソリューションを選ぶと思います。損失のあるalhpaチャネルでは、もはや損失のないカラーチャネルを取得できないので、機能が失われることを意味しますが、それは本当に重要ですか? Gimpの値の間によく見られるリンクを使用して、デフォルトで2つのスライダーの値を一緒にリンクすることも検討したいと思います。

0
André

ベン・ブルックアの提案に沿って、次のように追加の調整を加えます。両方のロスレスチェックボックスをそれぞれのスピナー/値コントロールの上、つまりスライダーの100%マークに配置します。カラーロスレスボックスにチェックマークを付けると、スライダーが最大とグレーになり、値はNAまたは最大とグレーになります。 2番目のチェックボックスは単に100%になります。

0
Chris