web-dev-qa-db-ja.com

オートコンプリートとオートサジェストを同じ検索ボックスで同時に提供する方法

この記事 では、Tony Russell-Roseがオートコンプリートとオートサジェスト、およびそれらの違いについて説明しています。 1つの検索ボックスと1つの時間の両方に適用する方法についての考えはありますか?この問題に関する例や研究はありますか?

5
steven_noble

オートコンプリートとオートサジェストには違いがあります。

Auto-Completeは、入力ボックス内で発生し、入力するか、Enterキーまたは「右矢印キー」を押して、それを受け入れます。 Auto-Suggestリストは、ドロップダウンの形で複数の候補リストとして表示されます。自動提案アイテムを使用するには、「下矢印キー」をクリックするか、マウスをクリックしてそれらを受け入れる必要があります。

それらを一緒に実装したい場合は、そのようなことを行ってください。

enter image description here

8
Salman Ehsan

Googleが2つの違いを示す良い例を提供していると思います。検索入力フィールドに入力すると、2種類のテキストスタイルが提供されます。濃い色のテキストにはユーザーが入力した文字が組み込まれており、薄い灰色のテキストは提案です。入力ボックスのテキストスタイルとドロップダウンの両方が表示されるので、基準を満たしていると思います。

1
Michael Lai

私の好みは、それらをセクション/タブ/エリアに分類することです(すべての結果リンクを表示することを忘れないでください)。検索機能。そうは言っても、ユーザーはこれを知る必要がありますか? @Salmanがこれについて話していることの良い例が必要な場合は、すばらしいです burton.com

また、Lovehoneyの電子商取引マネージャー、Matthew Curry氏によると、あなたが何をしているのかを証明する素晴らしい引用が正しいです。

「私の経験では、autosuggestは検索のコンバージョン率を大幅に向上させます。私が実行したユーザビリティテストで、ユーザーが実際にサイト検索の自動提案と自動修正に頼って、単語の正しいスペルを知ることがわかりました。万が一に備えて、サイトの検索ソリューションが最新の状態であり、一般的なスペルミスの検索結果を提供していることを確認してください。 「

最後に、ここにいくつかの異なる例を示します。

0
UserConversion