web-dev-qa-db-ja.com

ミラーカラムを検索するにはどうすればよいですか?

私は Miller columns を使用するインターフェイスを次のように持っています:

enter image description here

そして、私はそれに検索機能を実装しようとしています。私のオプションは何ですか?

私が考えることができる最初の方法は、すべてのノードに適用された検索でインターフェイスを初期段階(最初の列がいっぱい)にリセットして、一致する子を含むノードのみを表示する、ぼやけ検索トリガーです。

2つ目は、現在の状態を失うことなく、一致する子を含む親を持つパスを強調表示することです。

私がまだ知らない他の方法はありますか?これのための標準的でUX的に簡単な方法は何ですか?

3
Taha Paksu

ミラー列ツリー構造なので、AppleのFinder(実際にはミラー列の形式を使用しています)を見てください。 )テスト済みの回答を提供します。私はオフィスにいないので、Macにアクセスしてスクリーンショットを撮ることはできませんが、自分で行うことができます。

より具体的なテーマについては、検索した用語のみを強調表示し、それ以外は強調しないでください。 "foo"を探しても、 "foo parent"は気にしません「foo祖父母」 "foo恐竜の父親すべてfoo"。文字通り[〜#〜] foo [〜#〜]を探しているので、少なくとも最初はそうではありません。木の枝を下る必要がある場合は、それを行うことができます。

ただし、要求していないものを強調表示しないでください。必要なものが見つかるまで、要求していないデータをスキャンするように強制されます。そして、私は他の強調表示された用語をどうするかわかりません(クリックする必要がありますか?何か隠されているものはありますか?多分それの上にカーソルを置いてください?)

最後に、breadcrumbです。ブレッドクラムの最後のノードが現在使用しているノードであることを忘れないでください。ただし、現在のページに視覚化されたツリーのブランチ全体をリストしているため、パンくずリストを混乱させることになります。この特定のケースでは、テストを除いて、戻るボタンはナビゲーションの目的には十分すぎると思います。

Miller columnsbreadcrumbsの間の中間点は、検索後に、検索された用語が存在する列のみを表示することです。次に、その検索語に到達するための道全体を示す上記のパンくずリスト

2
Devin