web-dev-qa-db-ja.com

オートコンプリート:最小文字を表示する方法

私は特にこの質問に参加しました:-)

私たちのWebベースのシステムは、頻繁に使用される人物名を検索するため、パフォーマンスの問題に遭遇しました。検索はjQuery UIオートコンプリートを使用してデータベースから結果を取得します。パフォーマンスの問題は非常に短いクエリに起因します。ユーザーは、段階的に調整できる応答メカニズムに慣れ、必要に応じて2〜3文字で入力し、さらに入力します。 。もう1つの要因は、0.3秒の遅延よりも遅いタイピングです。

この増加するボトルネックに対応して、遅延を1秒に、最小文字数を5に増やしています。古い方法に慣れているユーザーは、検索がうまくいかないと思うのではないでしょうか。 5キャラクターの指導をどう伝えるか

  • 検索フィールドの下のヒントテキスト(デザインにうまく収まりません)
  • 検索フィールドのヒントテキスト
  • フィールドに焦点を合わせると、ユーザーが入力すると消える5つの記号を表示します( "....."-> "fo ..."-> "foob。"-> "foobar")

前もって感謝します!

5
PeerBr

私のアイデアは、autosuggest/autocompleteボックスに必要な最小文字数に関する情報を提示することです。このような:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

(「Xの文字」は、入力に5文字未満の文字が入力された状態で1秒待機した後にのみ表示されます)

4
Grzegorz Janik

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

  1. ユーザーが有効な情報を入力した場合にのみ機能するインターフェースを作成します。正しく入力された場合にのみデータを送信できます
  2. 色を使用して、彼らが正しいことと間違ったこととの関連付けを形成するのを助ける(警告:これは文化に依存する可能性がある)
  3. 彼らが何をすべきかについてのフィードバックを提供する

JQueryを使用しているので、最小限の文字数をすばやく検証するのは簡単です。

1
S..