web-dev-qa-db-ja.com

ListBoxなどのコントロールの無視オプションを表す方法

このアプリケーションには、特定のクエリを完了するための基準を入力するためにユーザーをガイドするいくつかの画面があります。複数の項目の選択を容易にするために、タイプリストを無視するトグルを追加したいコントロールのカスタムリストボックスタイプを作成しました。

enter image description here

このカスタムコントロールはプログレッシブ開示を使用して、プログレッシブ開示expanderボタンが使用されていないときに読み取り専用で表示されるアイテムを検索および選択できるようにします。このコントロールを描くには、単純なリストボックスのように見えますが、上部にラベルだけがあるのではなく、右上隅に追加の下矢印ボタンがあり、リストボックスの上にあるが、関連するラベルの反対側にあります。

いくつかの質問:

  • コントロールレイアウト自体の内部にあるタイプのアイコンを作成しようとするか、代わりに無視オプションをコントロールとは別にして、何らかの方法でグリッドコントロールの近くに配置するようにすべきですか?
  • トグルボタンのアイコンを作成する場合、アイコンは何を描く必要がありますか?一般的な電子機器で使用されているようなパワーシンボルに傾いています。
  • 編集できないように、関連付けられたリストボックスを無効にする必要がありますか? Windows UXGuideには 一部の従属コントロールを無効にしない を示唆する説得力のあるものがいくつかありますが、私は「はい」に傾いています。
  • クエリ条件のその部分が無視されるように切り替えられたときにリストボックスを折りたたむという考えを避けてきました。これは、いくつかの同様の折りたたみ可能なコントロールを持つフォームのレイアウトを複雑にするためですが、これは好ましいデザインでしょうか?ぎこちなく見えるようにせずにこれを行う方法はありますか?

その他の事実:単一のフォームにこれらのタイプのコントロールが3つまたは4つあることもあるため、トグルが目的のリストコントロールに自然に関連付けられて表示され、既存のコントロールに過度のノイズや重みを追加しないことが最善です。

どんなアイデアや提案でも受け入れるので、機会があればコントロールのモックアップを追加してみます。

2
jpierson

質問を理解した場合、ほとんどの場合、クエリにすべての用語を含めることができるようにしたいが、ユーザーがそれらを完全に削除することなく、クエリから一時的に除外できるようにしたい。私がそれを間違っているなら、私たちはそれを渡るときにその橋を燃やします。また、フォーム内のリストボックスが適切なアプローチであるという他の十分な制約があると仮定します。

特別な図像ではなく、テキスト処理と標準のチェックボックスコントロールを使用します。静止すると、コントロールにすべての用語が表示されます。含まれている用語は標準のテキストの色で表示され、除外されている用語には取り消し線が引かれ、無効のテキストの色で表示されます。

マウスをコントロールの上に置くと(またはキーボードフォーカスを取得すると)、チェックボックスが表示されます。ほとんどの場合、アフォーダンスを非表示にすることで、クラッタ係数を低く抑えることができます。

コントロールの意味を明確にするために、コントロール自体にホバーフィードバックを追加することをお勧めします。

ここに私が説明している3つの状態のスケッチがあります:休息、ホバー、ホバーオーバーチェックボックス http://i.stack.imgur.com/JUg4y.png

お役に立てれば!

3
Pettiross