地理的な階層があります:国->地域->サブ地域。
これを次のようなダイアログで表す必要があります。
目的は、ユーザーにツリー全体を移動させることなく、最も人気のあるアイテムを表示することです。多くのユーザーにとって、親を知らないため、特定のサブリージョンを見つけるのは困難です。一部のサブリージョンは、親リージョンよりもはるかに人気があります。
例:
この表現は、80%のユーザーのニーズをカバーします。表示されている各項目はクリック可能です。国、地域、またはサブ地域をクリックすると、適切なフィルターが適用されます。ダイアログが閉じ、ユーザーには製品リストが表示されます。
別のシナリオ(残りのユーザーの20%の場合)-ユーザーは、すべての地域(および人気のあるサブ地域)を表示するために国レベルの内部に移動する必要があります。
問題は、これをシナリオに組み合わせて、より正確なツリー項目ORを選択して、より深いレベルに移動する方法を明確にする方法です。
その表現またはシナリオのパターンはありますか?任意のアイデアをいただければ幸いです。
最初のノードをトップ5とし、次にリージョンとサブリージョンの詳細を含む他のノードを含むツリービューはどうでしょうか。
多分あなたはこれを使うことができます: https://tympanus.net/Blueprints/MultiLevelMenu/
リージョンとサブリージョンを移動して、いつでもダイビングできます。トップリストを表示して、プロジェクトに意味がある場合は「もっと見る」を追加することもできます。
ユーザーがクリックして地域/サブ地域を選択できる地図を表示することはできますか?検索テキストボックスを配置することもできます。ユーザーがサブリージョン名を入力すると、Googleマップと同じように、条件に一致するオプションがいくつか表示されます。
階層データをレンダリングし、選択、キーボードナビゲーション、展開/折りたたみ、およびその他の機能を使用できるようにするために、実際の TreeViewコンポーネント を使用しないのはなぜですか。
プレビューリストで人気のあるアイテムを詳細...リンクで終了させることができます。 moreリンクをクリックすると、階層別にソートされた完全なリストが開きます。プレビューリストの項目はクリック可能でなければなりません
次のタイトルを使用してください:国、地域、および州(または適切なもの)。ユーザーがこれらのタイトルをクリックして、国、地域、または州の関連リストを表示できます。スペースはかかりますが、ツリー内を移動してツリー内で瞬時に選択する機能を提供する唯一の賢明な方法です。