テキストフィールドに[クリア]ボタンを配置する必要がある場合
私はテキストを入力した後、特にsearchdesktop interfacesのフィールドに対して、テキストフィールド内に小さな十字が現れることについて話している。ただし、あらゆるプラットフォームの一般的なテキストフィールドに関する考慮事項も高く評価されます。
クリアボタンを使用しているサイトもあれば、使用していないサイトもあります。両方のバージョンの長所と短所は何ですか？
検索フィールドにクリアボタンがあるサイトの例：
- Apple.com/search
- yahoo.com（検索結果ページ）
- pinterest.com
- asos.com
- translate.google.com
そしてなし：
- google COM
- youtube.com
- stackexchange.com
- github.com
- Twitter.com
明らかなケースの1つは、Nirav Chaddaの回答で言及されているケースです。これは、「1回のクリックで複数のキーストロークよりも優れている」に短縮できます。これは、より少ない労力とより良いユーザビリティに関連しています
別のケースはYahooで見ることができます。この特定のケースでは、 Yahooのバスケットボールファンタジー ページを見ることができます。
この目的のために、私がチームに新しいプレーヤーを追加したいユーザーであると仮定しましょう。 "Add Player"というラベルの付いたボタンをクリックすると、次の画面が表示されます： 
この画面には、いくつかのデフォルトフィルターと並べ替えに基づいてすべてのプレーヤーが表示されます。この場合、使用可能なすべてのプレーヤーは、プレシーズンのランクで並べ替えられます。
ただし、DevinまたはDevonという名前の場合、覚えていないプレーヤーを探したいとしましょう。 Devを探し、名前の一部を入力すると、次のようになります。
現在、4人のプレイヤーのリストがあります。検索フィールドには私の "dev"検索が保持され、 "delete"アイコンが追加されていることに注意してください（引数しかし、私にとってこれは閉じるアイコンです）。プレーヤーをチェックしましたが、彼らは私のチームに適していないので、利用可能なすべてのプレーヤーのリストに戻りたいと思います。アイコンをクリックすると、最初のページが再び表示されます（または、別のフィルターを使用した場合は、使用したフィルターのいずれか）。
したがって、このクリア/クローズ/削除アイコンは、検索フィールドの文字を削除するだけでなく、検索プロセス（AJAXで処理されたプロセスなど）で作成されたすべての動的情報もクリアします。
入力された文字列のみを消去するアイコンを使用すると、検索したすべての結果が表示されます。しかし...そのフィールドをクリアした場合、その結果も望まないことを想定しても安全です。これは、戻るボタンを追加するか、ユーザーのブラウザの戻るボタンを使用して簡単に解決できます。ただし、クリアアイコンは、すべてをエレガントな方法で簡素化し、優れた使いやすさとユーザーの労力の軽減を実現します
状況に依存します。ユーザーが入力する値を知っていて、「クリア」ボタンが不要になるよりも後で変更する可能性が低い場合。そのフィールドの一般的な動作がユーザーがおそらく値を反復することである場合はその逆です。そうであれば、クリアボタンは有益です。例：検索フィールドで、ユーザーは結果の良さを確認しながら、クエリを何度も絞り込みます。クリアボタンが必要です。代わりに、フィールドが「生年月日」である場合、値はユーザーによく知られており、変更されません。クリアボタンは不要です。理にかなっていますか？ページ上の「もの」が少ないと、ユーザーの認知的負荷が軽減され（ページ上の要素を認識して意味を理解するのをやめなければならない）、結果としてインターフェースがよりシンプルに見えます。これが役立つことを願っています。
Type = searchのHTML5入力フィールドは、ChromeおよびSafariにクロスマークを表示します。
クロスマークがモバイルデバイスで役立つことを想像できます。クロスマークをタップすると、入力を削除する方が簡単です。連続してタップするか、Backspaceボタンを押す必要はありません。
私が入力している場合、別の回答で提案されているように、1回のマウスクリックは確かにnotキーボードの組み合わせよりも簡単です。
CTRL + Aを押してからDELor BkSPCを押すと、ほとんどすぐに実行できます。
マウスでボタンをクリックするには、最初に片方の手をキーボードからマウスに移動し、画面上でポインターを見つけ、ポインターをアイコンに移動し、アイコンをクリックして、キーボードに戻ります。
タッチスクリーンでテキストを選択するのはもっと面倒なので、タッチスクリーン用に設計されたコンテンツでは、クリアボタンが役立ちます。 -タッチスクリーンを搭載したPCが一般的になりつつある一方で、主要な入力デバイスは物理的なキーボードであるため、以前は存在しなかった場所にこれを追加するプレッシャーはほとんどありませんが、将来的に検討する必要があるかもしれません。
インターフェイスが主にポイントアンドクリックであり、マウスの使用を指示する場合は、より便利です。
したがって、その目的は基本的に入力タイプフィールドをクリアすることです。両方のプロセスを分析しましょう。
ケース1：クロス記号なし通常、検索フィールドをクリアするには、次のようにします。
- バックスペースを複数回押して、Wordごとに書いた内容をクリアします。
- フィールドを完全にクリアするには、バックスペースキーをしばらく押し続けます。
- すべてを選択し（Ctrl + A）、削除を押します。
ケース2：クロス記号付きここでのプロセスには、フィールドをクリアするためのシングルクリックが含まれます。
考慮すべき重要なポイント
部分的にまたは全体として、フィールドをクリアするという決定によっては、必要に応じてクロス記号は部分的な単語を保持しません。
キーボード/マウスを使用する速さ/ユーザーエクスペリエンスに依存します。一部のユーザーは、キーを使用するのがかなりSwiftで、マウスをまったく操作しないのに対し、使用するのがかなり速い人もいます。ネズミ。