web-dev-qa-db-ja.com

何も選択しない、1つまたは多くのアイテムを選択するための指示?

会議室予約アプリ用のフォームがあります。これは、カレンダー/スケジュールアプリに似ています。ユーザーは以下を選択する必要があります。

  • ワンルーム
  • なし、1つまたは多数のアセット(プロジェクター、ホワイトボードなど)

[アセット]リストボックスにラベルを付けるための最良の指示を見つけようとして問題が発生しています。私が考えたが、あまり好きではないいくつかのアイデア:

  1. 予約するアセットを1つ以上選択してください
  2. 予約するアセットを選択してください
  3. 予約するアセットを選択
  4. 予約する1つ以上のアセットを選択(オプション)
  5. 予約するアセットを選択(オプション)

mockup

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

必要に応じて、[資産]リストボックスは複数選択できますが、ShiftキーまたはControlキーを押し続ける必要はありません。つまり、ユーザーはクリックして選択し、もう一度クリックしてアイテムを選択解除する必要があります。

このフィールドにラベルを付けるための良い方法は何ですか、またはフォームの他の部分をやり直して、一方が単一選択でもう一方が複数選択であることを明確にする提案はありますか?

2
jingtao

原則として、ほとんどのユーザーは、書かれている内容をすでに知っていると信じて、説明を読んだり、読み飛ばしたりしません。

1つまたは複数のアイテムを選択できるかどうかは、ウィジェットのビジュアルだけで理解できるはずです。通常、リストは単一の選択にのみ使用され、複数の選択リストはせいぜい扱いにくいです。

チェックボックスを使用して、複数のオプションが選択可能であることを明確にすることをお勧めします。

mockup

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

チェックボックスは、デザインに好きな方法で統合できます。重要なのは関連付けだけです。あるいは、同様の接続を持つ+/-記号を使用することもできます。

3
API-Beast

enter image description here

いくつかの提案とそれに続く質問:

提案:1. UIで句読点を削除することを検討してください。特に疑問符。 2.説明テキストを削除することを検討してください。 2.赤と緑を使用すると、OK状態(貪欲)とエラー状態(赤)の印象を与えます。 4.ツールチップの文言に提案された小さな変更。

質問:25階の会議室にあるデルのプロジェクタを、会議室1の会議に選択できますか?

1
Brian

「1つ以上のアセットを選択して予約する」は問題ないと思います。他のオプションは、「資産」という単語の変更に沿ったものです。

他の[またはそれ以上の]機器が必要ですか?

はいの場合、以下を選択してください

0
Djave

単一のアイテムの選択を強制するには、通常はラジオボタンのようなものを使用しますが、同じリストから複数のアイテムを選択できる場合は、チェックボックスを使用します。

ただし、「ラジオボタン」の選択(通常、選択時にドットが付いた円)または「チェックボックス」(通常、選択時にチェックが付いた正方形)のどちらかについて、いくつかの視覚的なキューがあるかもしれません。

Checkbox and Radio button example

もちろん、これには例外があります。たとえば、複数選択のリストボックスや、デフォルトのラジオボタン/チェックボックスはUIの感触に合わない場合がありますが、これを組み込む方法を検討する価値はあります。

0
steeveeet