Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text?

Here are some examples where I found some different ideas.

Gmail:

  • Only placeholder with text "Email"

Yahoo Mail:

  • Only placeholder with text "Yahoo ID"

Outlook.com:

  • Only placeholder with text "someone@example.com"

Which one should I use? Only placeholder, or with label?

Also, a couple more question. If I use label, should the text and placeholder be "Email", "Email address" or "Enter Your Email", "Enter Your email address"?

Which one is better? "E-mail" or "Email"? Logically E-mail is the right one but somewhere I've also seen "Email" in place of "E-mail".

share|improve this question

3 Answers 3

up vote 5 down vote accepted

I wouldn't use only a placeholder because of the browser support. Not all old browsers support the placeholder! Take a look to this Stackoverflow Question and to this article about placeholder support.

And I wouldn't use the name "Email ID". Many users are confused about the "ID". I also heard many stories about the confusion of the "Yahoo ID".
"Should I insert here an email or a username? Do I have a username on Yahoo?"
Just use "E-Mail". It is simple and clear for all users.

So for me the best practice is to use a label with "E-Mail" and a placeholder with an example Mail:

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

Edit
I found an interesting article about your question "Email or E-Mail".
It say that official you should use Email.

A group calling itself the Email Experience Council has declared the official term to be email.

But many famous companys (e.g Microsoft) use also E-Mail. And in my opinion, E-Mail looks even better for me.
But keep your own counse and take a look to the article by The Fiction Desk.

Edit 2
I think I found the mistery of E-Mail / email!
On the english wikipedia, there is a really interesting part about the spelling:

e-mail is the most common form in print, and is recommended by some prominent journalistic and technical style guides. According to Corpus of Contemporary American English data, this is the form that appears most frequently in edited, published American English and British English writing.

email is the most common form used online, and is required by IETF Requests for Comment and working groups and increasingly by style guides. This spelling also appears in most dictionaries.

mail was the form used in the original RFC. The service is referred to as mail and a single piece of electronic mail is called a message. eMail, capitalizing only the letter M, was common among ARPANET users and the early developers of Unix, CMS, AppleLink, eWorld, AOL, GEnie, and Hotmail.

EMail is a traditional form that has been used in RFCs for the "Author's Address", and is expressly required "for historical reasons".

E-mail is sometimes used, capitalizing the initial letter E as in similar abbreviations like E-piano, E-guitar, A-bomb, H-bomb, and C-section.

Source en.wikipedia

And the reason why I like "E-Mail" the most is, that i'm from Switzerland, where I speak German. And in the German Dictionary, there is "E-Mail" the official version.
Source de.wikipedia

share|improve this answer
1  
As a 24 year y/o E-Mail looks weird. I imagine older people are more used to E-Mail, younger folks are more used to email. –  VoronoiPotato Jan 20 at 14:19
    
I'm 18 yrs old and for me, E-Mail looks better. IMO, it is a matter of taste. –  dTDesign Jan 20 at 14:25
    
It's a matter of what you're exposed to. Taste has nothing to do with what you expect to see when you see a word. :) Now we need to find why you've seen E-Mail and I've seen Email. All of my newsletters use the word email, or simply 'mail'. Searching for e-mail resulted in did you mean email? So I definitely think that it's more common in conversation to use email rather than e-mail. Do you have any example other than microsoft that uses e-mail instead of email? –  VoronoiPotato Jan 20 at 14:34
    
I just read your attached article, 2/10 use e-mail consistently, and they're historically very formal corporate personas. –  VoronoiPotato Jan 20 at 14:40
    
@VoronoiPotato: I searched the web and you're right. The biggest part of the web is using "email". Why I like E-Mail more? I don't know. It just looks better for me. Maybe my parents always used it and I accustom it. Or maybe because email means "electronic mail", so for me it's better to seperate the E and the mail, so E-Mail. –  dTDesign Jan 21 at 7:23

I don't believe there is any 100% consensus on this, though I maybe wrong.

My personal recommendation is to have the label and text field separate, unlike the examples given. My reasoning for this is if your computer auto-saves your credentials then this means there is no label to the form.

In terms of labels "ID" is a grey area. Again personally I would go with "Email" or "Your Email" depending on the tone of your website.

This article has a good bit of information about placement of form fields, though not directly related to you're question

share|improve this answer

This is a good jQuery library for placeholder. You can use it for browsers placeholder back compatibility.

  1. I think is better "Email" than "Email ID". The "ID" can confuse users.
  2. The login form is now a standard in the culture of the Internet users. So, if you need, you can use only the placeholder (see the jquery library above for compatibility).
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.