web-dev-qa-db-ja.com

サブレベルが常に表示されるとは限らないリストの選択を示す

オブジェクト名で検索を実行して、この結果リストを取得するとします。

enter image description here

このリストから1つの要素を選択して、その要素に対してアクションを実行できます。要素は次のいずれかです。

  • オブジェクト自体
  • またはオブジェクトに接続されたアイテム
  • またはオブジェクトに接続されたパーツ

オブジェクトには、0個以上のアイテムと0個以上のパーツを含めることができます。アイテム(多数ある場合があります)は、別のダイアログにリストされます。インライン展開でパーツ(多くの場合、数個しかない)をリストできます。次の図は、このセットアップを示しています。

enter image description here

私の質問はこれです:

  • 選択された要素が表示されるリストが常に表示されているとは限らない場合に、選択された要素を最も適切に示す方法

リストに選択を表示する一般的な解決策は、ドロップダウン/コンボボックスであることを知っています。ただし、この種類のコントロールはこの場合UIを膨らませ、「オプション」ではなく「必須」のようなアフォーダンスを持っていると思います。また、長いリスト(大量のスクロールを伴う)の場合の相互作用に関してはあまり良くありません。

現時点で最善の策は、アイテムまたはパーツの1つが選択されている場合は色を使用することです。パーツの場合、次のようになります。

enter image description here

ただし、これは簡潔であまりエレガントなソリューションではありません。 もっと良い提案はありますか?

2
agib

何をするにしても、特定のエンティティを表示して、ユーザーがアクションを実行する対象を認識できるようにする必要があります。それは、特にアクションの効果が同じページのエンティティに表示される場合、それが作成する膨張の価値があるほど十分に重要です。ここにいくつかのオプションがあります:

  • 任意のドリルダウンページでのアクションをサポート。ユーザーがオブジェクトのアイテムに対してアクションを実行する場合は、選択したオブジェクトに関連するアイテムを一覧表示するページから実行する必要があります。もちろん、これは、複数のオブジェクトのアイテムから同時にアクションを実行する必要がある場合には機能しません。ユーザーが通常1つのエンティティに対してのみアクションを実行する場合に最も効果的です。なぜユーザーにアイテムを選択させ、アクションを実行する前に親ページに戻るのですか

  • エキスパンダーが開いている間だけ選択を維持します。ユーザーがパーツエクスパンダーを閉じると、選択したパーツの選択が解除されます。これはユーザーを混乱させると思われるかもしれませんが、GUI(たとえば、MS Windows Explorer)では一般的です。エンティティの周囲のコンテキスト(サラウンドパーツなど)が正しいエンティティを選択したことを確認するために重要である場合、これは実際に役立ちます。この方法は、ユーザーが通常多くのエキスパンダーを開いて複数のパーツを選択し、スキャンやスクロールが面倒になる場合には機能しません。これは、ユーザーが通常1つのエンティティに対してのみアクションを実行する場合にも最適です。ユーザーはパーツを選択せず​​にパーツを自然に選択してからアクションを実行し、エクスパンダーを閉じますthenアクションを実行します。

  • オブジェクトイメージのエコーID。ロット全体を表示するためのコントロールの横に、選択したアイテムまたは部品を表示します。実際、エキスパンダーはコンボボックスのようなものですが、「1つ選択する必要がある」という意味はありません。ユーザーがオブジェクトから別のエンティティを選択すると、選択は自動的にクリアされます。次のようになります。

enter image description here

  • 選択リスト。選択したすべてのエンティティを[アクションの実行]ボタンの横の下部にリストします。つまり、eコマースサイトからのショッピングカート、またはメールアプリからのToリストです。各エンティティのフルパス(オブジェクト名-アイテム/パーツ名)をリストして、コンテキストを提供し、特定のオブジェクトに対して別のエンティティを選択すると、リスト上のエンティティが置き換えられることをユーザーに知らせます。これは、アクションを実行する前にユーザーが選択を確認するための単一の便利な場所を提供します(ただし、一部のコンテキストが失われます)。これは、検索結果に多数のオブジェクトがある場合に特に役立ちます。
2

「現時点で私の最善の策は、アイテムまたはパーツの1つが選択されている場合は色を使用することです。ただし、これは簡潔ではなくエレガントな解決策ではありません。」

過度に簡潔に思えるので、私は理解していません。少なくとも現在選択されている要素が表示されます。

根本的な問題は、3つのレベルの選択が混乱していることです。

  • 結果セット(アルファ、ベータ、ガンマまたはデルタ)
  • タイプ(オブジェクト、アイテム、またはパーツ)
  • 特定のアイテムまたはパーツ(アイテムまたはパーツが選択された場合)

表示したい追加情報(メタ情報)があるので、「既製」のソリューションはツリー、またはツリーテーブルにすることです。カスタムソリューションの開始点としてこれはどうですか。

enter image description here

重要なのは、ベータ版->部品-> A-really-really-really-long-partが選択されていることは明らかです。

1
James Crook

既存のソリューションで頭に浮かぶのは、オフィスインストーラーと階層的なチェックリスト/トドリストだけです。

enter image description here
enter image description here

さらにインスピレーションを得るには:
- Google "階層型ToDo"
- Google "階層チェックリスト"
- Google "オフィスインストーラー"

0