web-dev-qa-db-ja.com

住所の代わりに電子メールアドレスを入力するユーザー(Webフォーム)

必要に応じて、ウェブフォームにメールアドレスではなく、メールアドレスを入力するようユーザーに推奨/通知する推奨方法はありますか?

この問題は、私が予想していたよりもずっと多く(1週間に数回)発生しています。フォームはかなり標準的です:

Form 1Form 2

ユーザーを混乱させるUXの不満をここにコミットしていますか?これは発生するようですもっと頻繁に最初の言語が英語ではないユーザーの場合ですが、両方で発生します。たぶん、「郵送先住所」よりも良い言葉があるのでしょうか?

私は提案や推奨事項、または他の誰かがこの問題を以前に経験したことがあれば聞いてみたいです。

3
Taj Morton

(私は英語が母国語ではありません。)質問のタイトルを読んだとき、私は次のように考えました:ええと、「メールアドレス」と「メールアドレス」の違いは何ですか?

私にとって、「メールアドレス」は「メールアドレス」の同義語です。そして、「メールアドレス」は「メールアドレス」からそれほど遠くない。

私はこれらのラベルの1つがよりうまく機能すると思います:

  • 住所
  • お届け先の住所
  • 住所

代わりに「番地」(+番号)を参照することもできますが、これがどれだけ広く使用されているかはわかりません。

補足:Mabye 2番目の「住所」フィールドを追加することを検討する価値があります。参照: 住所フォームに2つの住所行があるのはなぜですか?

3
unor

フォームを再設計してみてください。
enter image description here

  1. フォームの説明が冗長すぎて目立たない。ヘッダー配送先住所は明確でわかりやすいです。
  2. 配送先住所と郵送先住所は少しわかりにくいです。フィールドでアドレスラベルとプレースホルダーを使用します。
  3. 狭いアドレスフィールドは、電子メールのような小さな情報コンテナとして認識されます。実際の住所はもっと広いです。フィールドの幅を変更して、実際の住所を測定してみてください。
  4. すべてのフィールドのサイズを変更して、適切な情報量をサポートします。
  5. フォームを読みやすくするためにラベルの配置を変更します。
4

アドレスを使用するだけですが、最も重要なのは、ラベルを右揃えにして、フィールドに含めるデータのサイズに合わせてラベルの幅を変更することです。明らかに、郵便番号は住所フィールドよりも少ない文字になります。これにより、目がフィールドサイズに固定され、ユーザーがフォーム入力プロセスのどこにいるかを簡単に確認できます。 JavaScriptを使用して@記号を確認し、これがメールアドレスではないことを警告することもできます。

2
RichC

「住所」をお試しください。英語を母国語としないので、メールアドレスと混同することはありません。

ただし、この用語が英語のネイティブスピーカーの間でどれほど一般的であるかはわかりません。

また、例を placeholder または入力の横のラベルとして提供します。

1
Alph.Dev

メールアドレスには通常2フィールドがあり、2番目のフィールドはオプションです。 (私はそれがアパート番号か何かのためだと思います-私は実際にその2行目を使用したことがありません)

その2番目のフィールドを追加すると、ユーザーがフィールドを正しく識別するのに役立つでしょうか?いずれにせよ、それは何らかの理由でその2行目を必要とするユーザーをサポートするのに役立ちます。

(その2番目のフィールドが実際に何のためにあるかを知っている人は無料で賛成票を獲得します)

0
DallonF

コピーをより理解しやすくするために単語を修正することをお勧めします。また、期待していることをフィールドに「ヒント」するテキストを試すこともできます。 HTMLで行うのは非常に簡単で、ユーザーがフィールドに何を書き込む必要があるかを理解するのに役立ちます。

以下のテキストをテキストフィールドの値に追加するだけです。

<input type = "text" placeholder = "City" title = "City">

enter image description here

0
Rosie