コンテキスト:
ユーザーが選択した「国」と「組織」に基づいてテーブルがレンダリングされる画面で作業しています。これらのフィールドはどちらも相互に依存しており、ユーザーは最初に任意のフィールドを選択できる必要があります。
私は現在、両方をドロップダウンとして設計しました:
問題
これに関する問題は、注意が必要な検証がたくさんあることです。例-ユーザーが最初にインドとして[国]を選択し、次に[組織]ドロップダウンをクリックするとします。インドに存在しない組織はグレー表示にする必要があります。対照的に、ユーザーが最初にBMWとして組織を選択し、次に国のドロップダウンをクリックした場合、BMWが存在しない国をグレー表示にする必要があります。これは、ある程度混乱するでしょう。この問題へのより良いアプローチは何でしょうか?付け加えると、私は他の場所でそのような相互作用に遭遇したことがないので、それは通常のユーザーにとってあまり直感的ではないと思います。ここで何が欠けていますか?
ユースケースは、ユーザーが次のことを実行できる必要があることです。
a)組織Xが存在するすべての国のデータを参照してください
b)Y国が所有するすべての組織のデータを表示します
c)国Yの組織Xのデータを参照してください
d)すべての組織のすべての国のデータを表示する
以下のスケッチでは、従属関係をより明確にするために、前もって摩擦を提案しています。開始検索を明示的に選択させることができます。
すべての組織のすべての国のオプションを表示する必要があるため、ドロップダウンで[すべて]を選択できます。
2番目のセレクターを無効にして、最初のセレクターを選択する必要があることを明確に示すことができます。フォームは左から右へのオーディエンス向けに設計されているため、依存フィルターが右に移動するのがわかるので、目を振り返る必要はありません。
ラジオボタンまたはラベルドロップダウンのいずれかを使用できます(私が作業しているソフトウェアで同様の状況のために選択しました)。
それは、関連する国の組織のみを含む単一のドロップダウン複数選択リストである必要があるように見えます。例:
組織とその支店:
この場合、2つのドロップダウンが過剰に見えます。
ユーザーが国の名前を入力し始めた場合、ユーザーが組織の名前を入力したときに、適切なオプションが表示されます。国の関連するバリエーションが表示されます。