まず、背景について少し説明します。
オートコンプリートを使用して、テキストフィールドにトークン化された入力を提供するための提案(私の場合はユーザーのリスト)を提供しています。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
これは結果がない場合に表示されるものです。
Facebookでは、There are 0 results
は完全な検索ページへのリンクです。
しかし、私の場合、検索ページがあっても意味がありません。ユーザーがオートコンプリートに含まれていない場合、そのユーザーは存在しません。
現在、私は次の動作を実装しています:
提案ボックスとテキスト入力の外側をクリックすると、提案ボックスが閉じます。
テキスト入力が空でない場合、それに焦点を合わせると、結果が0の場合でも候補ボックスが表示されます。
テキスト入力のフォーカスを外すと、候補ボックスが閉じます。
クリックすると、There are 0 results
エリアはどうなりますか?候補ボックスも非表示にする必要がありますか?それとも、ユーザーが上記の動作のいずれかを実行して閉じるまで、そのままにしておくべきですか?ユーザーがその領域にカーソルを合わせると、どのようなカーソルを使用する必要がありますか?
まず、ユーザーはシステムの状態を知っている必要があります。彼女は機能を使用してデータを入力しましたが、結果を知ることを期待しています。このような状況では、 '0件の結果'情報を示すことに価値があります。
次に知っておくべきこと検索結果が表示されない場合、ユーザーは何をしたいですか?名前のスペルを間違えましたか?彼女は別のアプローチを取ることができますか?何らかの形で回復を提案できますか?
また、次の点も考慮できます。ユーザーが次に実行したいシナリオはありますか?結果がなく、それが適切な状態である場合、彼女は次に何かをしたいと思いますか?ユーザーの追加、招待、メール、他の場所での検索?
システム設計によっては、上記の解決策が検索結果のドロップダウンに表示するのが簡単な場合と、 '0件の結果' 範囲。
Googleの世界では、ドロップダウンに何も表示されなくなり、以下にいくつかの最良の推測が表示されます。だから、それがなければならないまでドロップダウンを表示します:
しかし、その後あきらめて、以下の最良の推測を表示します。
最初に、結果がない場合になぜドロップダウン(データ情報なし)を表示するのですか?ドロップダウンが必須の場合、それをクリックしても非表示にはなりません。
画面上のどこをクリックしても非表示にできます。