オートコンプリートは、あなたがおそらくあなたの毎日のインターネットの使用につま あなたがGoogleに入力を開始すると、あなたはそれがあなたが探しているかもしれないものにあなたの提案を提供する方法を見ることができます。 この機能は”オートコンプリート”または”autosuggest”と呼ばれ、ウェブサイト上の内部サイト検索でコンテンツや製品をガイド、教育、宣伝するのに最適な方法です。
オートコンプリートとは何ですか？
オートコンプリートは、クエリ候補を表示するために使用されるパターンです。
入力すると、検索エンジンはクエリがどのように完了するかについていくつかの予測を提案します。 たとえば、大学のwebページで”course”と入力すると、”course in English”、”courses in geography”、または”course catalog”が表示されます。 オートコンプリートの美しさは、未完成の単語もいっぱいになるため、”lect”と入力すると、エンジンは”lecture”または”lecturer”を提案します。
優れたオートコンプリート機能が必要な理由
オートコンプリートは一見必要な機能とは思えないかもしれません。 しかし、あなたの検索ボックスは、あなたのコンテンツやあなたのウェブサイト上の製品へのゲートウェイです。 オートコンプリートを使用すると、ユーザーが適切なコンテンツをより速く見つけるのに役立ちます。
うまくいくと、オートコンプリートはサイトのコンテンツに関連する検索候補を提供することで、コンテンツへのガイドとしても機能します。 ユーザーが探しているものを見つけて、検索を構築するのに役立つように提供することは、ユーザーにとっての指針となります。
オートコンプリートは、モバイルデバイスやeコマース市場向けに特に強力です。 あなたの訪問者がモバイルまたはデスクトップを使用している場合に関係なく、それはあなたのユーザーの時間を節約するため、オートコンプリート オートコンプリートでは、平均して入力が約25%削減されます。
ほとんどのユーザーは、自分のモバイルデバイス上でできるだけ多くを入力したくありません。 画面は限られており、デスクトップよりも入力が困難です。 オートコンプリートオプションは、ユーザーが入力する必要がある文字の数を最小限に抑え、タイプミスが少なくなることを意味します。 モバイルデバイスでautosuggestを使用すると、より多くのスペースを占有する完全な結果を表示するのではなく、提案を表示する方が簡単です。
あなたがeコマースサイトを提供する場合、オートコンプリートはかなり必要です。 彼らは彼らの検索クエリの入力を開始すると、トップ興行収入の電子商取引サイトの82％は、ユーザーにオートコンプリートの提案を提供しています。 提案は、ユーザーが後に何であるかを記述するための正確な単語を見つけるのに役立ちます。 多くの場合、彼らは正確な製品名を知らないか、一つの製品の異なるバリエーションを認識していません。 たとえば、新しいiPhone11を探しているとき、ユーザーは「Pro」や「Pro Max」などの自動提案を発見し、利用可能な製品オプションについて通知します。
また、オートコンプリートを介して製品に関するいくつかの情報を提供することができます。 あなたはあなたの店を通してユーザーを導き、存在するものの期待を設定します。 製品が提案された場合、ユーザーはそれが利用可能であることを知っています。
最後に、オートコンプリートランキングをカスタマイズすることで、特定の製品を宣伝することができます。 あなたの訪問者の注意を引くためにあなたのオートコンプリートの提案の上にある特定の結果を押すことができる。
オートコンプリート検索はどのように機能しますか？
自動提案を思い付くためには、あなたのサーチエンジンはあなたのウェブサイトで行なわれている実質の調査を見、共通および傾向の物を発見する。 サイト検索では、入力された文字に関連するキーワードが提供されます。 予測の数は、画面に応じて調整する必要があります。 モバイルデバイスでは、ユーザーのビューを乱雑にしないように予測を小さくする必要があります。
オートコンプリートの提案には心理的な効果があります：クエリに関連する一致が表示されたときにユーザーを安心させ、関連する提案が表示され続ける限り、
オートコンプリートのベストプラクティス
オートコンプリートの提案は、定義上対話的で非常に一時的です。 彼らは唯一の焦点ではなく、ユーザーの支援を提供する必要があります。 オートコンプリートウィジェットは、常にシンプルに保たれ、ユーザーが知っている標準に固執す 経験は訪問者のために可能ように自明そして継ぎ目が無いべきである。
ユーザーが検索クエリをよりよく理解し、サイトを案内し、コンテンツについて教育するのを助けたいと思っています。 残念ながら、オートコンプリートウィジェットがひどく設計されている場合、それは彼らの検索中にユーザーをそらすか、さらにはそれらを そのため、オートコンプリートのための六つのベストプラクティスを収集しました:
- ランキングと関連性
サイト内検索ではいくつかの提案しか表示できないため、ランキングが不可欠です。 すべての提案は、ユーザーに関連する必要があります。 人気のあるものやトレンドのものをクエリとして分析して、ほとんどのユーザーが検索するコンテンツを見つけることができます。 もちろん、検索クエリが非常に少ない場合、これは少し注意が必要です。
- 速度
オートコンプリートは常にタイプ通りの速度でなければなりません。 訪問者に遅いと感じるものは、ユーザーエクスペリエンスを混乱させるものになります。 結局のところ、ユーザーがautosuggestの使用について考えずに直感的にクリックするのが最善です。 候補は常に最初の文字で開始する必要があります。 ユーザーはすでに正しい提案を見つけることを期待しませんが、それらをサポートするオートコンプリート機能があることを示します。
- ハイライトとスタイル最終的に
どの結果が要求に一致するかを強調表示することで、ユーザーを助けることができます。 多くの場合、ユーザーがこれまでに入力した検索クエリをオートコンプリート候補で強調表示するサイト検索があります。 たとえば、「iPhone」と入力すると、自動提案に「新しいiPhone」、「iPhone7」、「iPhoneケース」が表示されます。
しかし、実際には、反対のアプローチは、よりスムーズに動作します。 提案されている部分を強調表示すると、違いに焦点を当てているため、ユーザーが提案を区別するのに役立ちます。 あなたのユーザーは、彼らが入力したものをよく知っているので、彼らは追加に興味があるでしょう。 たとえば、「iPhone」と入力すると、自動候補は「新しいiPhone」、「iPhone7」、「iPhoneケース」のようになります。
モバイル経由で商品やコンテンツにアクセスするユーザーは、要素の決定的な強調表示とスタイリングを感謝します。 検索している部門に関する情報や利用可能なフィルタなどの追加情報には、独自のスタイルが必要です（以下の”携帯電話およびアクセサリー”を参照）。
- シンプルに
オートコンプリートでスクロールバーを避けたい。 誰も代わりに、ウィジェットはちょうどその自然なサイズに展開する必要があり、インタラクティブなウィジェッ そのため、選択肢の麻痺を避けるために、提案のサイズを最大10項目に保つ必要があります。 ユーザーが自分の選択肢の概要を簡単に把握できるようにする必要があります。
提案が10個の項目の制限を超えると、ユーザーは提案を完全に無視するか、長い時間を費やして検索プロセスを遅くします。 モバイルでは、リストは4-8の提案の目標でさらに短くする必要があります。
- ラベルと指示を使用する
経験の少ないwebユーザーのために、オートコンプリート機能と対話する方法についての指示を含めるのは素晴らしいことです。 「検索候補」や「カテゴリ」などの見出しは、ユーザーがすべてを1つのリストに混在させるのではなく、さまざまな候補タイプを区別する方法を提供します。
- キーボード操作とマウス操作をサポート
ユーザーは、キーボードナビゲーションを使用してオートコンプリートの提案を上下にクリックできるはずです。 また、オートコンプリート候補がマウスでクリック可能であることを示すことをお勧めします。 一方、ホバリングは非コミットアクションであり、結果に直接送信しないようにする必要があります。
- オートコンプリートの視覚的な深さを設計する
ユーザーがウェブサイトを開くと、その注意のために戦うページの多くの要素があります。 オートコンプリートを使用している間にページの背景を暗くすると、明確な焦点と強い強調が得られます。 あなたのユーザーは、ウェブサイト上の他の情報に気を取られることはありませんし、オートコンプリートの提案に集中することができます。
- オートコンプリートをパーソナライズ
パーソナライズされたサイト検索（詳細）を提供する場合は、訪問者の現在の場所または主な言語に基づいて結果を提 さらに、検索履歴や類似または関連する検索用語を表示して、コンテンツに興味を持たせることができます。
オートコンプリートを実装するにはどうすればよいですか？
ウェブサイトにオートコンプリートを実装するには、いくつかの方法があります。
オートコンプリートを実装する簡単な方法の一つは、AddSearchウィジェットを使用することです。 それはあなたのウェブサイト上で行われた検索クエリから生成された自動検索候補を提供しています。 より多くのデータが収集されるほど、提案の数と品質が向上します。
開発者のサポートにより、APIと統合することができます。 デザインとユーザーインターフェイスを好きなだけカスタマイズすることができます。
AddSearchは、製品名のフィールドをカスタマイズするカスタマイズや、ブラックリストによって候補を削除するブラックリストなどの機能を提供しています。