web-dev-qa-db-ja.com

フォームフィールドにリセットボタンが本当に必要ですか?

「送信」または「完了」ボタンと一緒に配置されたリセットボタンの使用を、Webフォームデザインで質問します。

ユーザーがすべての必須フィールドに入力した後、誤って「リセット」ボタンをクリックした場合はどうなりますか?

入力されたすべてのデータを消去する前に確認メッセージを表示することはできますが、不必要なユーザーインタラクションでおそらくクリックなどが発生しないようにしたいと思います。

ユーザーが入力したデータを再入力したい場合、タブを使用して上書きを開始できますよね?

「リセット」ボタンを使用しないと、ユーザーエクスペリエンスに悪影響を及ぼしますか?

5
Vasethvan

TLDR:いいえ、ユーザーエクスペリエンスを損なうことはありません。

全体フォームをリセットする必要がある状況は、実際には非常にまれです。人が誤ってリセットを押して、代わりに確認ボタンを探す状況は、かなり頻繁に発生しますが。

これが発生すると、ユーザーは迷惑になります。フォーム全体に再度入力する必要がないため、フォームが完成しない可能性もあります。

さらに推論するために、ニールソンノーマングループのウェブサイトの この質問 、または この投稿 のトップコメントを読むことをお勧めします。

5
MJB

リセットボタンmightがユーザーを助ける唯一の状況は、デフォルト値のセットをフォームに事前に入力したとき(おそらくコピーされたとき)だと思いますいくつかの仮定に基づく別のフォームから)。他のすべての場合では、不必要で意図的でない可能性が最も高い追加の選択肢が追加され、残念な結果になります。

考えられる別のインターフェースは、個々のフィールドをクリアするショートカットを提供するフィールドレベルの「クリア」アクションを追加することです。

enter image description here

本当に努力したいのであれば、ユーザーの意図を検出する何らかのロジックを組み込むことができます。たとえば、ユーザーが2〜3個のフィールドを続けてクリアした場合は、フォーム全体をクリアするためのオプションを提供するツールチップなどをポップアップします。

3
dekaliber

Webフォームでは、実質的にすべてのResetボタンが削除された方がよいでしょう。このボタンは、UXの改善にはほとんど役立ちませんが、多くの場合、それらを傷つけます。

Resetに関する最悪の問題は、ユーザーがSubmitをクリックしたいときに誤ってボタンをクリックした場合です。おっとっと!すべてのテキストが削除されました!

したがって、今日Resetが不要になった理由を説明するのは簡単です。リセットする前に確認を追加することもできます。

1
Momin

これはトレードオフです。誤って「リセット」ボタンを押した場合も考えられますが、ユーザーがすべてのフィールドをクリアする必要があることも考えられます。すべての壊滅的なシナリオは、本質的に[送信]ボタンの近くに[リセット]ボタンを配置することを意味します。私のアドバイス:[リセット]ボタンはそのままにし、[送信]ボタンから離してください。

0
DrWael

リセットボタンがリセットボタンのように見えない場合があります。

それらをキャンセルボタンとして使用し、resetイベントをリッスンするのは非常に簡単です。もちろん、おそらくユーザーが意図的に変更を破棄することをconfirmしたいと思うでしょうが、それは実装の詳細です。

このサイトはキャンセルボタン(実際にはリンクです)を使用しています。

stackoverflow's cancel link next to seve edits button

と言っているわけではありません<input type="reset"> is appropriate for all forms。通常は不要ですが、役立つ場合もあります。

0
zzzzBov