web-dev-qa-db-ja.com

階層的な選択肢を表す方法

現在、ユーザーに対してウィザードとして表される階層的な選択があります。多くのtreeを持つことができるbranchesがあり、各branchは多くの葉を持つことができます。ここでは、テーブルrowspan属性を使用して、ユーザーがbranchに関連付けられたtreeまたはleafに関連付けられたbranchを選択できるようにします。

もう1つの方法は、マスター/詳細dropdownsを使用して、ブランチを選択することにより、リーフドロップダウンが利用可能な選択肢で更新されるようにすることです。

これらはどちらも直感的でなく、率直に見苦しく見えます。これを行うより良い方法があるかと思っていましたか?

enter image description here

3
norbertpy

あなたが描写したものに関しては、ツリーとブランチのオプションを折りたたんでいるように見えるのと同じように、最後のノードオプションを折りたたむことをお勧めします。ユーザーが選択したら、他のオプションを表示する必要はありません。これは、現在のデザインで少しクリーンアップします。 (それらがリーフレベルですばやく前後に切り替える必要がないと仮定します)。

また、Tree-> Branch-> Leafの選択に複数の行がある場合、その行が完全に選択されるまで、最初の(または現在の)行の下にある行を折りたたんだままにすることができます。これにより、ページ上の情報ノイズが減少し、各T-> B-> L選択セットをユーザーに案内するのに役立ちます。

ウィザードのように、各行を別々の画面に分割することを検討できます。 1つの画面で選択する項目が多すぎると、圧倒される可能性があります。もちろん、この方法でそれらを分割する自由があると仮定します。ただし、ショットガンアプローチを好むエキスパートユーザーの速度が低下する可能性があるため、注意が必要です。 (たぶん「エキスパートモード」がありますか?)

アクティブまたは潜在的なユーザーがいる場合は、いつでもフィードバックを求めることができます。時には、彼らはあなたが彼らのニーズとツールがどのように機能すべきかについての彼らの認識をよりよく理解するのに役立つ重要な洞察のポイントを提供することができます。ユーザーが誰であるかを常に理解してください。

これが一部に役立つことを願っています。

2
ryancdotnet