web-dev-qa-db-ja.com

検索ボックスをクリアする(クリアしない)には?

今日、オフィスで、入力から検索ボックスをクリアする(またはクリアしない)タイミングについて話し合っています。

ユーザーが期待する好ましいアプローチはありますか?ユーザーが検索をクリックしたときにボックスを空にするのと同じように、ユーザーが検索アクションで表示されたウィンドウを閉じると、まったく表示されませんか?

この特定のシナリオは、ユーザーが非常に長いID番号で検索することです(ID番号はユーザーが自分で書くには長すぎるため、おそらく検索ボックスに貼り付けられます)。ユーザーが検索をクリックすると、結果が表に表示されます(検索ボックスは表示されたままです)。ボックスをクリアするのはいつですか?ユーザーが検索をクリックしたとき、表示されたテーブルを終了したとき、または表示されなかったとき同僚の何人かは、ユーザーが検索を閉じた後でも、同じ検索をもう一度実行したい場合は、ユーザーが検索ボックスに数値を保持することが重要であると述べています(ユーザーがテーブルを離れて見ている可能性があります)別のもの)。

しかし、これは予想されたのでしょうか?

49
efrethe

ボックスをクリアすると、ユーザーから制御を奪われます。あなたは彼らに好意を抱いているように見えるかもしれませんが、あなたは彼らがタイプしたばかりのコンテキストを奪っています。

コマンドプロンプトに何かを入力しても、前に入力したコマンドはそのまま残ります。

おそらくユーザーが貼り付けたのは長いIDであると述べましたが、ユーザーを比較する方法について考えました。

たとえば、ユーザーがGUIDと入力すると、次のようになります。

21EC2020-3AEA-4069-A2DD-08002B30309D

ユーザーが次のようにコピーした場合:21EC2020-3AEA-4069-A2DD-08002B30309?ユーザーが入力後に検索ボックスをクリアし、ユーザーが探しているエントリが見つからない場合、ユーザーが最初に行うことは何ですか。オリジナルと貼り付けたものを再コピー、再貼り付け、または[〜#〜]比較[〜#〜]します。この場合、コピーが誤っており、最後にDを選択しなかったことがわかります。

標準の単一ディスプレイ計算機を使用して、複数の表示行を持つ計算機と比較してください。優れたUXはどれだと思いますか?

Calculator comparison

それが期待されているかどうかについての質問に答えるために、レビューのために入力を保持する長い歴史があります。テープ付きの古い電卓は、このために設計されました。会計元帳。 YouTubeの「歴史」。ターミナルウィンドウのコマンドプロンプト。温度が表示されます。あなたの車の音量調節さえ。音量を変更すると、数字の意味はほとんどありませんが、音量レベルは通常、しばらくの間表示されたままになります。

あいまいな長いIDはユーザーとの関連性が低いと感じるかもしれませんが、ユーザーがワークフローでそれをどのように使用するかはわかりません。おそらく、IDを使用して比較し、間違いを修正し、検索ウィンドウから別のブラウザーにコピーします。

ユーザーが検索ダイアログにIDsCODEsを入力している場合に特に適切と思われる提案が1つあります。ユーザーがinputをクリックしたときに、エントリ全体を選択して、エントリの上に貼り付けるか、入力を開始できるようにします。ほとんどの場合、あなたは正しいと思います。ユーザーは、入力したIDを修正したり追加したりすることはめったにありません(間違いの修正は別として)。ユーザーが新しい検索を簡単に始められるようにすることは非常に重要です。

60
Armstrongest

Searchをクリックした後、検索バーからコンテンツを消去するWebサイトに対する個人的な憎悪があります。

理由は次のとおりです。

  1. コンテンツを消去する必要はまったくありません。ユーザーがそのクエリに何かを追加したい可能性は複数あります。たとえば、American Psychoを検索し、それが素晴らしい評価のある映画であることがわかり、監督のカット版の映画があるかどうかを確認したい場合(最初の検索ページに直接表示されます)さらに2つの単語を追加するだけで、映画の名前を再度入力する必要はありません。労力が増え、フラストレーションが生じ、ユーザーが2番目のクエリを放棄する可能性があります。
  2. 他の人気のある検索エンジンを見てみましょう。たとえば、ユーザーが検索するたびにGoogleの検索がコンテンツをクリアするとどうなりますか?ユーザーがすべてを入力し直すのは実現可能なモデルでしょうか?
  3. コンテキストを提供します。小さいデバイスのページの見出しとして機能します。デスクトップの場合、ブラウザのタイトルとして使用できることに同意しましたが、モバイルデバイスの場合は、検索バーを見出しとして使用できます。

スペースが本当に問題である場合、ユーザーが下にスクロールしたときに検索ボックスを非表示にし、上にスクロールしたときに再び表示することができます。コンテンツをクリアしても何も解決されません。

検索バーに検索クエリを表示する適切な方法は、クエリを Chips に置くことです。

search-mockup

これにより、次のことが簡単になります。

  1. チップの終了後にそのクエリにコンテンツを追加します。
  2. チップをクリックして編集し、クエリを変更します。
  3. チップの最後にあるX [閉じる]を押して、クエリ全体をクリアします。
85
Swapnil Borkar

検索バーの入力ボックスで、個別のクリア検索またはリセット機能を提供することもできます。これにより、ユーザーから制御を奪うことなく、タスクを実行するオプションをユーザーに与えることができます。

4
bagaria

検索ボックスは、特別な目的に役立つ入力フィールドであることが不可欠です。入力フィールドは、ユーザーが自分で削除しない限り、通常は入力を保持します。

明示的な「削除」オプションを使用せずに入力を単純に非表示にすることは、ユーザーから制御を取得し、標準の入力フィールドの動作と矛盾するため、好ましくありません。

ただし、削除やリセットのボタンは必要ありません。フィールドがフォーカスされているときに入力を強調表示するだけです。このようにして、ユーザーは次のことができます。

  • 入力または貼り付けによって入力を上書きする
  • 欠けている文字を追加するか、間違った文字を削除するようにカーソルを設定します
  • 他の何かのために必要な場合は、入力をコピーする
  • 彼らが誤ってクリックした場合、結果に影響を与えずにフィールドを離れます
2
J_rgen