web-dev-qa-db-ja.com

サブオプションでラジオボタンを表す最もユーザーフレンドリーな方法

ユーザーがラジオボタン(またはセグメント化されたコントロール)を選択する必要がある設定セクションで作業しており、各オプションは任意の組み合わせで選択できる複数のオプションのセットを生成します。最初の「場所」と後者の「パネル」(各場所で利用可能)を呼び出しましょう。

私の質問は、複数選択ドロップダウン(画像を参照)を表し、2つのコントロールをグループ化して、それらの関係が比喩的により明確になるようにする、よりユーザーフレンドリーな方法があるかどうかです。

よろしくお願いします。

PS私が見つけることができるより関連性の高いトピックはこれです: ラジオボタンサブメニュー付きのラジオボタンメニュー

ステップ1

enter image description here

ステップ2

enter image description here

あなたの解決策はきちんとしていて堅牢であると私は言わなければなりません。でも質問があります。

  • より多くの場所に共通のパネルがコンボボックスにありますか?
  • パネルの名前は場所を示していますか(つまり、パネルは州/地方の名前ですか)?たとえば、コンボボックスを盲目的に開いて、いくつかのパネルを選択した後、選択した場所が間違っていることに気づきましたか。
  • ユーザーがいくつかのパネルを選択し、後でその場所が異なることに気付いた(または別の場所のパネルを確認したい)が、その後元の場所に戻った場合はどうなりますか?次にどのパネルが選択されますか?

EDIT:OPが回答を提供してくれたので、それに応じて回答を調整します。

  • はい、複数の場所に共通のパネルがあります。
  • いいえ、場所を示すものではありません。それらは実際にはユーザーデータベースです。
  • 現在、私のデザインでは、別の場所を選択すると、パネルが選択解除されます。
  • すべてのパネルの合計が20以下である

この場合、現在のビジュアルレイアウトを保持し、選択した場所に適用されないコンボボックスのアイテムのみを無効にします。これにより、特定のアイテムがその場所で利用できないという最も簡単な情報がユーザーに提供されます。


パネルが特定の場所に限定されている場合は、次の解決策を提示します。

mockup

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

ご覧のとおり、選択された場所に対応するコンボボックスのみが有効になっていますが、無効にされたコンボボックス内の選択はすべて値を保持しています。

コンボボックスが多すぎる場合は、1つのコンボボックスにとどまり、場所に応じて対応する項目(パネル)を有効/無効にして、場所の選択を明確に区別できます。ただし、これによりさらに2つの問題が発生します。

  • 場所を変更するたびに、ユーザーはコンボボックスに再度アクセスして変更内容を確認し、変更を半手動で検索する必要があります。
  • 特定の場所からのユーザーは、パネルが場所でソートされている場合、他の場所よりもさらにスクロールしてパネルにアクセスする必要があります。

とにかく、そのようなまばらな選択を提示すること(選択肢の約75%が無効になる)は、私の意見ではユーザーを励ますものではありません。

私の意見ではまばらな選択を提示しているように、私はこの解決策を提示しました。

0
Mike