I am working on a design for a log in box and my case is a bit different than seen else where. Our members can either login with member number and zip code OR username and password. We have a usability issue here because some (not many hopefully :-)) would think that you could login with fx username and zip code which is not possible.
The challenge is that I would like to show this without over communicating through a simple design. I am thinking fx using two colours – one for each option thereby showing which options are tied together. Have anyone designed any solutions like this or could you elaborate on what is best practice in a case like this?
Tell me more
×
User Experience Stack Exchange is a question and answer site for
user experience researchers and experts. It's 100% free, no registration required.
|
|
|||
|
|
The process of signing in with a member number (or any other piece of information that is available only on a physical item that may not be near a computer) isn't user friendly: very few people will remember the info so that they wouldn't need that physical item or they will forget to have it available. However, this isn't the case for one-time actions, such as creating online accounts and using customer/business account number to validate the user. If you still wish to offer such a means of accessing accounts, I would stay away from tabs because they hide available information (i.e. users won't know what they need to sign in with member number until they open the tab) and because it might not be clear to some users that the tabs indicate other options for signing in. Thus, I'd rather show both options at once clearly demarcating the sets, as seen in the wireframe (I know it's slightly misaligned):
|
|||||
|
|
If you're looking for a full page solution I would try something like this:
or if you're looking for an insite solution I would try a login form with two tabs:
|
|||
|
|
