web-dev-qa-db-ja.com

確認メールアドレスフィールドはまだベストプラクティスと見なされていますか?

メールアドレスを確認するための入力フィールドを持つことはかなり標準的です。ただし、メールアドレスの確認フィールドを使用することがベストプラクティスと見なされているかどうかを知りたいのですが。

EmailおよびConfirm email入力コントロールは、私のクライアントのフォーム放棄の大部分を占めます。それにはさまざまな理由がありますが、私は以下の提案を提供しています。

  • 確認メールアドレスを削除します。私の理論的根拠は、実際にタイプを二重にする人はいないため、電子メール入力コントロールから貼り付けられたものをコピーした場合、両方が一致しますが、どちらかが正しいことは保証できません。
  • 両方のボックスを保持しますが、メールアドレスが一致する/一致しない場合は、JavaScript対応のブラウザでユーザーに即時フィードバックを提供します(ARIA-次のフェーズで導入されるため、アクセシビリティはサーバー側の検証にフォールバックします)。

個人的には削除して欲しい。それらは無意味だと思いますし、形はとても長いですが、私の意見だけではなく証拠が必要です。

52
Matt Goddard

「確認メール」を含めることではないことをお勧めします。多くの人が、元の「メールアドレス」フィールドからメールアドレスを再入力するのではなく、コピーアンドペーストすることに同意します(確認フィールドの目的に反して)。

いくつかの関連する研究/調査結果/ベストプラクティス:

1)Smashing Magazineの記事 ' Webフォームの検証:ベストプラクティスとチュートリアル '参照a survey 彼らはその調査によるとWebフォームのデザインを実施しました:

  • メールの確認が必須だったサイトは18%だけでした[…] Facebook、LinkedIn、Stumbleupon、Twitterなどの大規模なWebサイトでは、パスワードの確認は必要ありません。
  • 「デザイナーは、ユーザーがフォームに記入するのに役立たない不要な詳細や注意散漫をすべて取り除く傾向があります」。より詳細な分析により、必須フィールドをほとんど使用しない傾向が示されました-フォームの50%以上が最大5つの必須フィールドを使用しましたが、オプションフィールドはしばしば回避されました。これは、必須フィールドを決定するときに役立ちます。

2)Luke Wroblewskiの ' Webフォームでのインライン検証 'も、Webフォームの調査結果とベストプラクティスの推奨事項に関する優れたリソースです設計

41
Nathalie C

技術的なものをいくつか追加します。

  • フィールドに「メール」という名前を付けます->ブラウザはフィールドを認識し、それらのフィールドに入力したメールアドレスを提供します

  • 「email」フィールドのタイプを入力します。一部のデバイス(iPhoneなど)は、このタイプの入力を処理するときに別のキーボードを使用します。これに関する非常に優れた記事を読みましたが、見つかりません。

18
Bobby Tables

私の意見では、「メールアドレスの確認」フィールドは、登録のエントリのもう1つの障壁です。

これに関する個人的な経験からの私の理論:人々はいつも自分のメールを入力します。入力した内容に間違いがあると、すぐに気づきます。

以下に、興味深い登録フローを示します。

  1. ユーザー登録
  2. ユーザーは登録後に自動的にログインし、確認メールが同時に送信されます
  3. サイト全体の通知を追加して、ユーザーに受信トレイで確認メールを確認するように通知します。受信しなかった場合は、タイプミスした可能性があります。おそらく、この情報がサイトにとってどれほど重要かについても説明します。

IxDAについての適切なディスカッションは次のとおりです。 フォームでメールアドレスを2回要求する

考慮すべき仮説を次に示します。登録ページに500,000人の訪問者があり、年間100,000人の登録で20%コンバージョンを獲得するとします。

電子メールの確認フィールドがない場合、 妥当な見積もり これらのユーザーの0.4%(または400)が間違った電子メールアドレスを入力したと言います。電子メールで確認すると、 寛大な見積もり は0.1%に下がると言います。したがって、確認フィールドの削除による純損失は0.3%(300ユーザー)です。

コンバージョン率を20.06%に改善するだけで、その損失を補うことができます。

ここで、電子メールの確認が平均サインアップフォームの5つの必須フィールドの1つであるとすると、そのフィールドを削除することはユーザーの作業を20%削減することを意味し、コンバージョンが0.06%未満改善されるとは想像できません。

間違ったメールアドレスを入力したユーザーが後でそれを認識して修正したり、単に新しいアカウントを作成したりする機会もあります。

これらのことを念頭に置いて、私はフォームなしの電子メールの確認を優先します。

10
Matt M.

また、1回だけ質問することにも投票します。

本当に必要な場合は、他の方法でメールを確認することもできます。例: Screenshot of a form showing a confirmation message shown near the email field
(ソース: lukew.com

Luke Wroblewskiからの電子メール入力の探索に関する優れた記事を参照してください (上の画像のソースでもあります)

6
Zoltán Gócza

この質問がいくつかの場所で取り上げられるのを見てきました。そのようなフォーラムでたくさんのコメントと繰り返しを行った後(どこか思い出せない)、私が見つけたベストプラクティスは次のとおりです。

。ユーザーにメールアドレスを入力するよう依頼します。フォームの最後に、次のメッセージを含む電子メールアドレスを再度表示します。電子メールの確認が送信されます:[email protected](変更)

これにより、入力したメールアドレスが正しくない場合に、メールアドレスを変更するオプションがユーザーに提供されます。ユーザーに同じ情報を2回入力するように頼むことはあまり役に立ちませんが、たいていの場合、私のようなユーザーは最初のボックスからメールアドレスをコピーして貼り付けるだけです。

6
Sushant Anand

関連する提案(電子メールアドレスの入力には十分です、同意済み)-onFocus()が発生したときにテキスト入力フィールドの拡大バージョンをフロートする方法を見つけて、ユーザーがボックスの内容を簡単に確認できるようにします12ポイントでは少し目立たなくなるエラーを入力して特定します。

1
danlefree

ユーザー(内部およびWeb向けの両方)を考慮し、タイプミスの修正に必要な修復と不便を比較検討してください。

確認を維持するための位置:
お客様は通常私たちを見つけて来てくれます。彼らは閲覧しません。したがって、彼らは滞在するために少し努力をします。私たちの顧客ベースは、エッジテクノロジーに精通しているわけではないため、メールアドレスを入力したときに問題がどれほど深刻になるかについては理解していません。それから彼らはかなりイライラして、私たちの間違いを私たちのせいにします。

私のストアはMagento Commerceを使用しており、すべてがメールアドレスに入力されています。現在、確認のために2番目のフィールドを追加しています。少なくとも誰かがタイプミスの電子メールアドレスで登録(および注文)すると、名前を検索してタイプミスを見つけることができます。

0
Chris K