web-dev-qa-db-ja.com

結果のない動作をオートコンプリート

まず、背景について少し説明します。

オートコンプリートを使用して、テキストフィールドにトークン化された入力を提供するための提案(私の場合はユーザーのリスト)を提供しています。

mockup

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

これは結果がない場合に表示されるものです。

mockup

bmmlソースをダウンロード

Facebookでは、There are 0 resultsは完全な検索ページへのリンクです。 enter image description here

しかし、私の場合、検索ページがあっても意味がありません。ユーザーがオートコンプリートに含まれていない場合、そのユーザーは存在しません。

現在、私は次の動作を実装しています:

  • 提案ボックスとテキスト入力の外側をクリックすると、提案ボックスが閉じます。

  • テキスト入力が空でない場合、それに焦点を合わせると、結果が0の場合でも候補ボックスが表示されます。

  • テキスト入力のフォーカスを外すと、候補ボックスが閉じます。

クリックすると、There are 0 resultsエリアはどうなりますか?候補ボックスも非表示にする必要がありますか?それとも、ユーザーが上記の動作のいずれかを実行して閉じるまで、そのままにしておくべきですか?ユーザーがその領域にカーソルを合わせると、どのようなカーソルを使用する必要がありますか?

9
F21

まず、ユーザーはシステムの状態を知っている必要があります。彼女は機能を使用してデータを入力しましたが、結果を知ることを期待しています。このような状況では、 '0件の結果'情報を示すことに価値があります。

次に知っておくべきこと検索結果が表示されない場合、ユーザーは何をしたいですか?名前のスペルを間違えましたか?彼女は別のアプローチを取ることができますか?何らかの形で回復を提案できますか?

また、次の点も考慮できます。ユーザーが次に実行したいシナリオはありますか?結果がなく、それが適切な状態である場合、彼女は次に何かをしたいと思いますか?ユーザーの追加、招待、メール、他の場所での検索?

システム設計によっては、上記の解決策が検索結果のドロップダウンに表示するのが簡単な場合と、 '0件の結果' 範囲。

5

Googleの世界では、ドロップダウンに何も表示されなくなり、以下にいくつかの最良の推測が表示されます。だから、それがなければならないまでドロップダウンを表示します:

enter image description here

しかし、その後あきらめて、以下の最良の推測を表示します。

enter image description here

4
icc97

最初に、結果がない場合になぜドロップダウン(データ情報なし)を表示するのですか?ドロップダウンが必須の場合、それをクリックしても非表示にはなりません。

画面上のどこをクリックしても非表示にできます。

0
jelumalai