In some cases, it is actually very useful to have at least part of the email address shown, and in other cases it is certainly not.
Similar to what @TheArcticGiant expressed, I recommend having multiple options:
- Logged in as [email protected]
- Logged in as exam***@e***.c***
- Logged in
The big difference with what I am proposing as compared to @TheArcticGiant is that item #2 provides more information to cue the user as to the email address being used without completely revealing it.
Of course, itâs only about 4 more lines of code to fully support both this request and the one made by @TheArcticGiant, as the requests mostly overlap.
Pesky details: I didnât want the above message to get lost in a bunch of somewhat minor details, so Iâll mention them separately down here in this postscript.
For item #2, you can use:
a. the correct number of asterisks (masking 1:1 the remaining characters in the email address and domain name)
b. a constant fixed number of asterisks
c. a random number of asterisks, perhaps from 3-6
d. ellipses instead of asterisks
Obviously, for maximum flexibility, allow the user to decide; for minimum time spent programming and testing, pick one and hope users donât mind too much (ideally, run a UX study first, but I doubt this represents a big enough priority that limited resources will be spent on real science).
If you or the user chooses #2b or #2c (both do not use the correct number of asterisks), consider an info button or help string to indicate this fact.
If you or the user chooses #2c, I recommend using the same random number of asterisks in each section of the email address, and not vary between them.
If you or the user chooses #2d, which I think is one of the easiest and cleanest solutions, my only concern is that since all email addresses contain at least one period, distinguishing between ellipses and periods can present a significant challenge. I donât recommend presenting the entire domain as just eâŚ
, as I think providing a cue to the correct TLD is important. A reasonable solution may be to use a different background and foreground color for the ellipses to contrast them from the literal characters in the email address. If you choose this technique, donât forget to use colors that accommodate all forms of colorblind users (which isnât very challenging in this case, because you can depend on additional visual cues provided by deltas in foreground/background contrast).
Each of these possibilities represents a tradeoff between obscurity and providing the user with sufficient information to recognize which email address is being used. Personally, I see advantages and disadvantages to each, but I lean towards #2d if you can make it look clear. If not, #2b or #2c work well if you can indicate within the UI that there is not a 1:1 relationship between asterisks and characters in the email address.
As an aside, Iâm perfectly fine with the current implementation, but I understand that itâs not ideal for some other users, and the rationale behind their requests seems reasonable.