質問: リストからちょうど2つの項目を選択するための適切なuiパターンは何ですか? デスクトップソフトウェアには、約20個のアイテムがあります。 これらのアイテムは、画面に収まるリストに表示されます。ユーザーはリストで2つの項目を選択できる必要があります。そうすると、リストの横のユーザーコントロールにdiffに似た結果が表示されます。2つの項目を選択するために必要なアクションの数を最小限に抑えるために、ここではどのパターンが適していますか?[〜#〜]編集[〜#〜]共鳴とコメントの質問のために、ここでいくつかのコンテキスト。プログラムは木を比較することです。私の場合、ユーザーは通常ランダムなアイテムを選択しますが、どちらの場合も、2つのランダムなアイテムを選択するか、1つのアイテムを選択したまま他のアイテムを変更するという、素晴らしい解決策が欲しいです。アイテム自体はツリーを表しますが、リストに表示されるアイテムごとに短いタグを使用できます。差分の場合、両方のツリーが並んで表示され、他のツリーで欠落しているノードが強調表示されます。たとえば、次のようになります。このプログラムは学界のコンピューター科学者によって使用される予定なので、高齢者や子供は問題になりません。
回答: リスト全体を左側に配置します。最初のアイテムを選択すると、選択したアイテムが右上のウィンドウに表示されます。2番目の項目を選択すると、2つの項目の比較を表示できます。編集済みコンポーネントリスト(ノードのコレクション)ボックスa(node aの場合)ボックスb(node bの場合)任意のノード上にマウスを置くと、aまたはbを選択するオプションが表示されます(ノードが選択されているかどうかに関係なく、右側のスライドメニューで両方のオプションが要求されます)。cherryはこのアプローチに加えて、ユーザーがaまたはbの上にマウスを置くとすぐに、それぞれのボックスにツリーのプレビューを表示できます。ノードが選択されたら、アイテムに対するラベルを表示します。