web-dev-qa-db-ja.com

合計金額が所定の金額に達した場合に、個別の金額を入力してフィードバックを提供する方法

case:注文プロセス中に、ユーザーは所定の金額を「1から無限」のポットに分割できる必要があります。したがって、すべての合計は、ステップが終了したときとまったく同じになるはずです。 「その他」のオプションはありません。

solution?ラベル用の入力フィールドと金額用の入力フィールドを持つ単一の行を考えていましたが、新しい入力フィールドを持つ「行」を毎回追加する可能性があります。そのフィールドには、まだ分割されていない金額が事前に入力されています。

質問これは最適なオプションですか、それともより直感的な解決策がありますか?

1
Rene

あなたが説明することは完全に機能するように聞こえます。ユーザーフレンドリーであることを確認するためにいくつかの機能強化を提案します。

mockup

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

  • 更新するたびに残りを表示して、割り当てられていない量がわかるようにします。

mockup

bmmlソースをダウンロード

  • 割り当てが多すぎると、残りはマイナスになります。または、過剰割り当てを防ぐこともできます(上記のモックアップは、20と入力した後にユーザーに表示されるものです。 12.85ではなく、金額で)。

  • 上でも見たように、エントリを削除する方法を提供する必要があります(左側の赤いX)。

  • 既存のエントリをクリックすると、名前や金額をすぐに編集できます。アイテムにカーソルを合わせると、アイテムがハイライト表示され、クリックが促されます。おそらく、ホバー時にTextBoxに変更して、既存のアイテムを編集できることをユーザーに明確にします。やや美しさの劣るインターフェース(ただし、同じように使用可能)として、既存のアイテムは、追加されたときに単にテキストボックスのままにすることができます。

1
Myrddin Emrys