「送信」または「完了」ボタンと一緒に配置されたリセットボタンの使用を、Webフォームデザインで質問します。
ユーザーがすべての必須フィールドに入力した後、誤って「リセット」ボタンをクリックした場合はどうなりますか?
入力されたすべてのデータを消去する前に確認メッセージを表示することはできますが、不必要なユーザーインタラクションでおそらくクリックなどが発生しないようにしたいと思います。
ユーザーが入力したデータを再入力したい場合、タブを使用して上書きを開始できますよね?
「リセット」ボタンを使用しないと、ユーザーエクスペリエンスに悪影響を及ぼしますか?
リセットボタンmightがユーザーを助ける唯一の状況は、デフォルト値のセットをフォームに事前に入力したとき(おそらくコピーされたとき)だと思いますいくつかの仮定に基づく別のフォームから)。他のすべての場合では、不必要で意図的でない可能性が最も高い追加の選択肢が追加され、残念な結果になります。
考えられる別のインターフェースは、個々のフィールドをクリアするショートカットを提供するフィールドレベルの「クリア」アクションを追加することです。
本当に努力したいのであれば、ユーザーの意図を検出する何らかのロジックを組み込むことができます。たとえば、ユーザーが2〜3個のフィールドを続けてクリアした場合は、フォーム全体をクリアするためのオプションを提供するツールチップなどをポップアップします。
Webフォームでは、実質的にすべてのReset
ボタンが削除された方がよいでしょう。このボタンは、UXの改善にはほとんど役立ちませんが、多くの場合、それらを傷つけます。
Reset
に関する最悪の問題は、ユーザーがSubmit
をクリックしたいときに誤ってボタンをクリックした場合です。おっとっと!すべてのテキストが削除されました!
したがって、今日Reset
が不要になった理由を説明するのは簡単です。リセットする前に確認を追加することもできます。
これはトレードオフです。誤って「リセット」ボタンを押した場合も考えられますが、ユーザーがすべてのフィールドをクリアする必要があることも考えられます。すべての壊滅的なシナリオは、本質的に[送信]ボタンの近くに[リセット]ボタンを配置することを意味します。私のアドバイス:[リセット]ボタンはそのままにし、[送信]ボタンから離してください。
リセットボタンがリセットボタンのように見えない場合があります。
それらをキャンセルボタンとして使用し、reset
イベントをリッスンするのは非常に簡単です。もちろん、おそらくユーザーが意図的に変更を破棄することをconfirm
したいと思うでしょうが、それは実装の詳細です。
このサイトはキャンセルボタン(実際にはリンクです)を使用しています。
と言っているわけではありません<input type="reset">
is appropriate for all forms。通常は不要ですが、役立つ場合もあります。