Stack Exchangeのユーザー検索と同様の動作を行うjQueryプラグインを見つけようとしました。 Stack Exchangeサイトで使用されるユーザー検索 は 自動補完 ではありませんが、結果フィルターに似ています。 Googleはこのパターンのバージョンを Googleインスタント検索 と呼んでいますが、一部の 技術ブログ は Googleライブ検索 と呼んでいます。
このインスタントフィルター検索パターンの名前はありますか?
個人的には、入力時にFilterと呼びます。入力時にSearchと呼ぶこともできます。しかし、検索結果のリストが「検索」を開始する前にすでに存在しているため、そのリストは「フィルタリング」されていると見なすことができます。
AutocompleteやSuggestionsなどの用語は、デザインパターンを定義するときの混乱を避けるには広すぎます。フィルタリングまたは提案しているものを区別することも重要です。それは検索テキスト、または結果アイテム?同じ場合もあれば、異なる場合もあります。
提案ドロップダウン:提案された検索テキスト代替のドロップダウンあなたがタイプしようとしていたものと多かれ少なかれ一致して書いた。
テキスト補完:ボックスはマークされたテキストで満たされているため、入力を続けることができます。通常、提案と組み合わせます。 (「テキスト補完」という用語は、WPFおよびSilverlightで使用されます。)
入力と同時に検索:入力時に結果を表示します。通常、Googleと同様です。インスタント。
入力時にフィルターフィルター:既に提示された結果のリストがフィルターされます。これは、「入力時に検索」とは異なり、何かを入力する前に「結果アイテム」のリストがすでに存在します。フィルター可能なリストは、検索結果だけでなく、連絡先やユーザーなど、他のものでも構成できます。
私が間違っていたら訂正してください!私は、口頭と模擬図面の両方でそれらを説明しようとすると、私の同僚がこれらの異なる動作を描くのに苦労することがよくあります。質問に+1してください。これらのようなもののための共通の語彙を持つことは多くの価値があるので。 :)
ああ、私も同じようなトピックについて一度質問を投稿しました: 検索ボックスで提案とフィルタリングを組み合わせる方法?
(view-sourceからの)ソースに基づいて、それは本当にオートコンプリートタイプの動作です(少なくともその技術的な実装では)。
違いは、適格なオプションのドロップダウン表示ではなく、ページに表示されることです。このページの目的は潜在的なユーザーの結果セットを提供することであり、1つを選択した場合、そのユーザーのプロファイルに移動するため、「オートコンプリートオプション」を表示する方法は、ほとんどのオートコンプリートが持っています。
しかし、本当にこれに名前があるなら、私も気になるでしょう...
更新:「ライブ検索」だと思います
「オートサジェスト」と「オートコンプリート」は、ユーザーがデータ入力フィールドに正しいデータを入力するのを支援したり、データ入力のエラーを減らしたりすることに関連しているようです。
「ライブ検索」は検索結果を返すことに関連付けられているようです。たまたま、ほとんどの場合、ファセット検索(複数の検索パラメーター)に関連していますが、Googleライブ検索のように、検索を実行する入力フィールドが1つしかない場合もあります。
ウィキペディアは インクリメンタル検索 を次のように定義しています:
コンピューティングでは、インクリメンタル検索、インクリメンタル検索、またはリアルタイムの提案は、テキストを段階的に検索してフィルタリングするためのユーザーインターフェイス操作方法です。ユーザーがテキストを入力すると、テキストに一致する可能性のある1つ以上のものが見つかり、すぐにユーザーに提示されます。多くの場合、この即時のフィードバックにより、ユーザーは探していた単語またはフレーズ全体を入力する手間を省くことができます。ユーザーは、提示されたリストから密接に関連するオプションを選択することもできます。
短くします。IMOこのパターンは自動提案と呼ばれます。
私は最近 PicNet jQueryプラグイン に気づきました。 SEやGoogleと同様に、データのリアルタイムフィルタリングを提供します。 (彼らは実際に彼らのプラグインが検索を提供することを強調しますGoogleのような列フィルタリング機能)
実際には問題ではありませんが、これは「クラシック」なオートコンプリートの動作であり、結果の表示に影響を与えます。 IMDbの単純な用語、「マジックサーチ」と呼ばれるだけの用語が好きです
最も困難な部分は、サーバーがajaxリクエストに応答することですquickly-そうでない場合、ユーザーの役に立たないが苛立たせることになります。
IMDbが魔法の検索を行う方法の概要は浅いですが があります。これは、検索結果からHTMLを希望どおりにレンダリングするだけの問題です。