web-dev-qa-db-ja.com

ツリービューへの代替アプローチ

メインアイテムのリストを取得する画面があります。逆に、これらの各メインアイテムには、内部にサブアイテムのリストがあります。

これで、ユーザーはメインアイテムまたはその中のアイテムを選択して、レポートを実行できます。これにより、選択した各アイテムのチャートが生成されます(この例ではチャートの7行です)。私の見解では、サブアイテムのリストが非常に長くなり、ユーザーがスクロールする必要があるため、これは良いユーザーエクスペリエンスではありません。

メインアイテムの選択と子アイテムの間に関係がないことに注意してください。メインアイテムを選択すると、その下のすべての子アイテムは選択されません。

別の方法として、各メインアイテムにサイドタブを配置し、右側にサブアイテムを表示することも考えられます。

enter image description here

1
Simsons

これは非常に具体的であり、最終的なソリューションの直感性は、この特異性に少し苦しんでいる可能性があると私は言わなければなりません。しかし、同時に、あなたは初心者というよりもプロのユーザーの方に注目していると思います。したがって、ここでは直感性が最優先ではない可能性があるため、最初に使用効率 Iと入力する必要があります。

そうは言っても、私は何をしますか:

  • スペースを節約するためにインデントを最小限に抑えます。代わりに、グループに異なるスタイルを使用し、最小限の[+]/[-]展開/縮小ボタンでそれらをサポートします-名前は非常にわかりやすく、より多くのスペースが必要になると思います。

  • グループをダブルクリックすると、グループが拡大または縮小される場合があります。

  • 別のグループが拡張されるときに、グループを契約することを検討できます。

  • チェックボックスを右に移動して(少なくとも廊下をテストする必要がありますが)、この「グループ内のすべてのアイテムを選択した」感覚を洗い流し、インターフェイスの上部のどこかにラベルを付けてサポートします。

  • 契約中、グループには「3つのサブアイテムが選択されました」と表示されます

  • リストは非常に長くなる可能性があるため、選択したすべてのアイテムを表示するインターフェイスの別の場所も検討します。多分すべての上に。

1
Dominik Oslizlo