web-dev-qa-db-ja.com

複数の従属範囲の値入力

私のシステムは、イベントセットのイベントを測定します。各イベントセットのアクティビティレベルは、そのセット内のイベントの量に基づいています。下の画像の数字は、すべてのイベントセットの各レベルに必要なイベントの量を示しています。たとえば、セット1のイベント数が7の場合、アクティビティレベルは中です。各セットは、異なる活動レベル範囲を持つことができます。

enter image description here1

ユーザーはアクティビティレベルの範囲を手動で設定できます。また、ユーザーが変更を行った場合(たとえば、イベントセット2の最小メディアを8-> 6から設定)、他のアクティビティレベルも修正する必要があります(低レベルでの最大値は7-> 5から変更する必要があります)。

だから私の質問は:ユーザーがこれらのアクティビティレベル範囲を調整する最も簡単な方法はどのようなUIでしょうか?各値が入力フィールドであるテーブルだと思っていました。また、ユーザーが値を調整すると、他の値は自動的に修正されます。以下の例:

enter image description here

ただし、これが理解しやすい解決策であるかどうかはわかりません。テーブルの代わりにスライドを使用するか、フォームのみを使用する必要があります。何か案は?

ありがとう!

更新:最初のバージョンは次のようになりました。編集できるのは[中]フィールドのみです。中域のみで他の値を変えることは難しいのではないかと思います。わからない..

enter image description here

新しいアイデア:Lowの最小値は常に1なので、LowとMediumの最大値のみを変更できるとよいでしょうか?

enter image description here

1
jakapo

入力の数を制限し、境界が更新されたときにユーザーに通知してください。

値の範囲は連続的である必要があるため、入力の数を減らして、ユーザーがLowおよびMedium対応する下限更新?

このようにして、5つの入力から3つの入力に移動します。更新では、対応する次の境界列挙を表示するために、タブアウトで少しアニメーションを設定することもできます。非常に微妙な何か。

注(更新):最小範囲が1であるという私の質問に対するjakopoの回答に応じて、更新された投稿に従って、2つの入力があります。

enter image description here

スライダーの使用

スライダーは扱いにくい傾向があり、一連の独自のユーザビリティの問題があります。

Nielsen Norman Group: スライダーデザイン:経験則

スライダーが適切に設計されていても、スライダーを使用して正確な値を選択することは、優れた運動能力を必要とする困難な作業です。正確な値を選択することがインターフェースの目標にとって重要な場合は、代替のUI要素を選択します。

2
Mike M