web-dev-qa-db-ja.com

「メールアドレスを入力」に適したラベルテキストはどれですか?

ユーザーがログイン用の電子メールアドレスとパスワードを入力できるログインエリアに1つのテキストフィールドを配置しようとしていますが、ラベルとプレースホルダーのテキストにどのテキストを使用すればよいですか?

ここに私がいくつかの異なるアイデアを見つけたいくつかの例があります。

Gmail:

  • 「電子メール」というテキストを含むプレースホルダーのみ

ヤフーメール:

  • 「Yahoo ID」というテキストを含むプレースホルダーのみ

Outlook.com:

どちらを使用すればよいですか?プレースホルダーのみ、またはラベル付き?

また、もう少し質問があります。ラベルを使用する場合、テキストとプレースホルダーは「メール」、「メールアドレス」、または「メールアドレスを入力」、「メールアドレスを入力」のいずれにする必要がありますか?

どっちがいいですか? 「メール」または「メール」?論理的には電子メールが適切ですが、どこかで「電子メール」の代わりに「電子メール」を見たこともあります。

12
Shivam Pandya

ブラウザのサポートにより、プレースホルダのみを使用することはありません。すべての古いブラウザーがプレースホルダーをサポートしているわけではありません! このStackoverflowの質問このプレースホルダーのサポートに関する記事 をご覧ください。

また、「メールID」という用語は使用しません。多くのユーザーは「ID」について混乱しています。 「Yahoo ID」の混乱についても多くのお話を伺いました。
「ここにメールまたはユーザー名を挿入する必要がありますか?Yahooにユーザー名はありますか?」
「電子メール」を使用してください。それはすべてのユーザーにとってシンプルで明確です。

したがって、私にとってのベストプラクティスは、「電子メール」のラベルと、メールの例のプレースホルダーを使用することです。

Mailinput example: <label for="input">E-Mail</input><input class="input" placeholder="example@domain.com" />

編集
「メールまたはメール」という質問について興味深い記事を見つけました。
それはあなたが使用すべき公式なものだと言いますEmail

自身をEメールエクスペリエンスカウンシルと呼ぶグループが公式用語をEメールと宣言しました。

しかし、多くの有名企業(Microsoftなど)はE-Mailも使用しています。そして、私の意見では、E-Mailは私にはさらに良く見えます。
しかし、あなた自身の意見を守り、見てください The Fiction Deskの記事へ

編集2
メール/メールのミステリアスを見つけたと思います!
英語版のウィキペディアには、スペルについて非常に興味深い部分があります。

e-mailは印刷で最も一般的なフォームであり、著名なジャーナリズムおよびテクニカルスタイルガイドによって推奨されています。 Corpus of Contemporary American Englishのデータによると、これは編集され、発行されたアメリカ英語とイギリス英語の執筆で最も頻繁に表示されるフォームです。

emailはオンラインで使用される最も一般的なフォームであり、IETFのRequest for Commentやワーキンググループ、そしてますますスタイルガイドで必要とされています。このスペルは、ほとんどの辞書にも表示されます。

mailは、元のRFCで使用されていた形式です。このサービスはメールと呼ばれ、1通の電子メールはメッセージと呼ばれます。文字Mのみを大文字にしたeMailは、ARPANETユーザーと、Unix、CMS、AppleLink、eWorld、AOL、GEnie、およびHotmailの初期の開発者の間で一般的でした。

EMailは、RFCで「作成者のアドレス」として使用されている従来の形式であり、「歴史的な理由で」明示的に必要とされています。

E-mailが時々使用され、E-piano、E-guitar、A-bomb、H-bombのような同様の略語のように頭文字Eを大文字にします、およびCセクション。

出典en.wikipedia

「メール」が一番好きな理由は、ドイツ語を話すスイス出身だからです。そしてドイツ語辞典には、公式版「Eメール」があります。
出典de.wikipedia

14
Michael Schmidt

「メール」を使用する際の問題は、「メール」(大文字のEに注意)も「エナメル」を意味するドイツ語の単語であることです。もちろん、コンテキストがすべてであり、ドイツ語を話す人が「デスカルブウィザーダイズウェブサイトズフラゲンミッヒ、マインメールイーインゲーベン?」 (なぜこのウェブサイトは私に私のエナメル質を入れるように頼んだのですか?)しかし、それはまだ考慮すべきことです。そのため、ドイツ語を話すWebサイトでは「電子メール」が推奨されています。

0
Rex

これについては100%のコンセンサスがあるとは思いませんが、私は間違っているかもしれません。

私の個人的な推奨は、与えられた例とは異なり、ラベルとテキストフィールドを分離することです。これは、コンピューターが資格情報を自動保存する場合、フォームにラベルがないことを意味します。

ラベルに関しては、「ID」は灰色の領域です。個人的には、私はあなたのウェブサイトの調子に応じて「Eメール」または「あなたのEメール」に行きます。

この記事 は、質問に直接関係しているわけではありませんが、フォームフィールドの配置に関する情報が豊富にあります

0
tim.baker

これはプレースホルダーに適したjQueryライブラリです。 ブラウザーのプレースホルダーの後方互換性のために使用できます。

  1. 「メールID」より「メール」の方がいいと思います。 「ID」はユーザーを混乱させる可能性があります。
  2. ログインフォームは、インターネットユーザーの文化における標準になりました。したがって、必要に応じて、プレースホルダーのみを使用できます(互換性については、上記のjqueryライブラリーを参照してください)。
0