5 ways to improve your site's sign-in experience

The best way to improve the user experience, or, more specifically, to make the product better, comes down to making it easier for users to use the entire experience of the product. You have a lot to do with the experience of how to improve the sign-in process.

Here we will explore the five ways to improve the login process experience, first mention two different types of logins, and then we will discuss the importance of tags and resource consumption issues.

Login type

Users typically have two different ways to log in to a Web site. The latest approach is to use a third-party authorized login for a social networking site, which is visible in many apps. For a new app or product, this is especially true if you do not want to disturb the user to fill out the creation of an account. It's easy to login via Facebook or Twitter, for example, because you just have to click a button and wait a few seconds to connect to a social networking site.

Another option is to log in by providing a user name or email address and password. This is a more common way to sign in and improve the user experience. The techniques described here are also related to this type of login. All login types have pros and cons, and now we'll focus on how to improve the experience of this more typical and traditional sign-in style.

1. Allow Mail Login

We can often see a website that does not need to fill in the user name when registering. It's normal to use a mailbox to log in, right? Either using a username or using a mailbox, I don't think it's a problem. Please allow both ways, my problem is that when the mail landing should be allowed when the only user name is recognized.

I have encountered the kind of mailbox or user name can be logged in, but the label information only display "username", design this is a flaw.

Generally, the user is using the same email address to log in, but not necessarily using the same username. For example, the username of my Twitter account is different from my Instagram username, because there's a user name on Instagram that's already registered with me on Twitter.

And besides, my OkCupid account username is not the same as other accounts, and this time I deliberately, because in OkCupid I do not want to let others know my full name. However, all of these accounts can be logged in using the same mailbox. No matter what the plan, the user name and mailbox are allowed to use when landing, it will be very convenient for users.

2. Provide a clear error message

Speaking of login, you provide users with feedback information is more or less is actually more fastidious. Too much information can be exploited by hackers, and too little information can add to user confusion.

We have to admit that the error message that the system generates automatically, such as "Invalid input", is not helpful to the user. The error message should be in a more understandable language.

If you want to be better at the user experience, you can use Javascrip to help users confirm the correctness of the input information in advance. One of the best cases is that the user mistakenly put the. com input into a. Con or a small dot also forgot the input, the system can be recognized and timely reminders. You can see the feedback before the user clicks Submit or after all the information is lost, knowing that the information you have entered is correct or not. And the user's life has become easier because it saves the user time. (If you have security concerns, the error message does not have to be specifically specific)

3. Provide users with a link to retrieve the password

You might think it's obvious, but some websites will ignore it. You will often want a link to retrieve the forgotten password. (forgot user name also!) Don't hide this link or let the user go through many unsuccessful attempts to find it. Let it be ready at all times. It doesn't have to be in the obvious place; it's not that important; but it should be around the sign-up form.

4. Interference-Free Login

There are generally two ways to set up a login, one is to log in from a window at the top of the page, and there is a separate landing page.

There are certainly advantages to having a separate page login. However, if you take this approach, keep in mind that there is not too much interference around the login page, you first want the user to log into the account, and then the product promotion and so on information. After a user logs in, it can be much easier to sell something to the user.

In addition, I would like to mention the question of reservations and conversions. For users, the less interference, the more easily users can log in, so that you further promote the product. If this method works for both the registration form and the checkout system, it should also apply to the login. And there are fewer unrelated entries on the page, and the speed of loading will be faster.

5. Important Labels

The copy and location on any form (control) is important. No matter what you do, do not write "submit" button as "submit", instead of "login" instead. It's that simple. This allows the user to know and think about the exact thing after the click.

It improves the user experience and helps you a lot. Avoid having only one input box for the user to fill in, or at least an icon in it, but it is best to use an input tag to prompt the user for what to fill out. Don't forget to make sure that you can log in by email and user name.

Summarize

All right, here's the thing to say. 5 ingenious ways to improve the user experience of the login process. I hope these can help you and use them as you wish. They can make the user's login process smooth, everything is to make things easier and more convenient!

Original address: http://designmodo.com/websites-login/

5 ways to improve your site's sign-in experience