web-dev-qa-db-ja.com

ユーザーが再割り当てできるようにするにはどうすればよいですか?

ユーザーが最大合計金額を設定し、パーセンテージに基づいて、必要に応じてそれを小さなチャンクに分割できるツールを設計しています。また、合計を調整することもできます。これにより、「チャンク」のサイズが適切に縮小されます。

ここに私の現在のスケッチのユースケースを見てください: enter image description here

以前にスライダーなどを設計しましたが、1つのチャンクのパーセンテージを増やすと残りの1つ以上を減らす必要があるという考えは、私が苦労しているものです。私は各行を「ロックする」という考えで遊んだ(スライダーラインの右側のひどいアイコンはロックを意味する)ので、スライダーで遊んでもロックされた行は影響を受けませんが、あなたの考えを聞いてください。

この種類の割り当ての相互作用の他のUIの例に私を向けることができれば、ボーナスポイントです。

これに対する解決策は、最大値に達したときに、ユーザーが別のスライダーを減らすまでスライダーをこれ以上動かすことができないことです。これにより、スライダー自体による自動調整の代わりに、パーセンテージを調整する場所を制御できます。

私が比較できるのは、月額料金のデータ使用量を計算できる例だけです。 AT&Tの例では、制限に達すると実際に警告が表示されます。 http://www.att.com/att/datacalculator/

iWirelessは、最大値に達したときにメッセージを赤に変更しますが、現在のレベルを示します。あなたのケースでは、100%の合計が赤に変わり、たとえば120%を表示する場合があります。これにより、スライダーを減らす必要がある量をユーザーに視覚的に表示できます。 http://www.iwireless.com/data -calculator.asp

2
hollzy

スライダーとロックアイコン、または同等のデバイスを使用する場合は、アイコンを右端まで配置することをお勧めします(ただし、左も有効です)。多くの場合、グリッドビューでは、アクションはリストアイテムの右側にスタックされます。

理由は、範囲スライダーが左(%)と右($)の両方の相互作用中に継続的なフィードバックを提供するためです。

ユーザーがスライダーを操作するときに値を常に読み取るために、ユーザーの目がロックをスキップする必要はありません。

入力は%のみのようです。右側に数値を入力させない理由はありますか?金銭的な状況では、多くの人はまず丸めた金額を検討し( "Gobに$ 200ドルしか与えていません")、その割合を確認できます。

また、レンジスライダーを使用すると、パーセンテージを丸めた金額に変換することが不可能ではないにしても難しい場合があります。ユーザーの作業量を増やしないでください。

個人の金額をロックすると、行の表示が灰色になり、ロックされた状態であることを示します。そのため、ユーザーにはわかりやすくなっています。

逮捕開発の参照のためにあなたに称賛:)

1
Mike M