web-dev-qa-db-ja.com

無制限の値を指定する

ユーザーが無制限の値を選択できる自然なUIを作成するにはどうすればよいですか?たとえば、 Bittorrent の帯域幅構成:

bittorrent

おそらく、無制限に0を入れるのは自然なことではありません。何人かは0 kB/sをまったくダウンロードしないと解釈するかもしれません-unlimitedとは正反対です。はい、私は0が無制限のダウンロードを指定するという指示があることを知っていますが、すばらしい Steve Krug は、指示を読むことを強制されるべきではないと言っています。

ビデオトランスコーディングWebサイトの設計で同様の問題が発生しています。私はスライダーを持っています。その値の範囲は320x240から1920x1080からオリジナルです。現在、元の解像度を見つけるのは難しいと思います。ユーザーは、スライダーを右端にスクラブすると元の設定がトリガーされることを本当に知っていますか?

enter image description here

9
JoJo

無制限のオプションは、チェックすると他のフィールドを無効にする単純なチェックボックスで示すことができます。これは元のフィールドのすぐ近くにあるため、その関連性は明らかです。これで、コントロールは1つとして機能するコントロールのペアになります。

問題のBittorrentの例では、フィールドグループの境界線の内側に配置されます。

enter image description here

解像度スライダーの例では、チェックボックスに元のというラベルを付けて同様のアプローチを使用できます。これをチェックすると、無効にされると、解像度の値を保持するフィールドがoriginalなので、ユーザーは知っています。enter image description here

別のアイデアは、スライダーがそのスポットを通過するときに、コントロールの値がoriginalと等しくなるようにスライダーの上にマーカーを配置することです。その位置にぶつかると、マーカーの色が変わり、インジケーターとして機能します。ただし、これは実装が困難です。

15
phinetune

その構成全体を再配置して、その表現を変更してみませんか?

私は次のようなものを提案します

[x] Limit download rate to [.......] kB/s

とともに [x]がチェックボックスです。オフにすると、すべてが無効になります。

これはトランスコーディングオプションでも同様に機能します-解像度を変更する必要があるかどうか尋ねますすべて、変更する場合はそのスライダーを有効にします。

9
Jan

無制限の状態として空の値を使用できます(そしてleave blank for unlimitedにラベルを付けることができます)。これにより、0のあいまいさがなくなります。

2
wildpeaks