rlindskog / vueniverse

Full stack, user based, PWA, Vue template.
MIT License
335 stars 48 forks source link

UI improvements #24

Open pkej opened 6 years ago

pkej commented 6 years ago
  1. Add oauth2 options for sign up.
  2. During sign up there should be an "e-mail verification"-step before completion of sign-up, others hold that e-mails shouldn't be sent, and verification should be done at a later stage (https://designexcellent.com/ux-login-register-password/), I personally prefer it at some point to avoid "identity" theft.
  3. During sign up there shouldn't be a password size limit. (xx/25 on the first password field)
  4. During sign up the retype password field shouldn't remain red when the passwords match
  5. During sign-in there should be error messages for a) account doesn't exist, b) the wrong password for the account since the system only lets you register once with a password, an attacker can test for e-mail accounts, and usernames, registered on the sign in page. Therefore the user who needs to know their user name (I use a couple of different ones for "serious" vs "fun") for the application. There was an article, which I couldn't find again, that also had metrics on how
  6. Some even say we don't need passwords... (https://medium.com/@SuperPaintman/your-users-dont-need-a-password-9e3fa492f69)
  7. Use "login" for log in and "Register" for signup (https://uxplanet.org/designing-ux-login-form-and-process-8b17167ed5b9), which has other good tips as well.
  8. Add a "forgot password" link to the login form
  9. Add a "keep me signed in" checkbox to the login form
  10. Add some kind of 2-factor authentication using apps like Authenticator from Google, Microsoft, Steam App, Facebook App, or any of the solutions mentioned in the linked articles
  11. Do a live lookup for "username exists" and suggest alternatives (mostly for popular solutions)

Most of these are opinions, but some should be ready-out-of-the-box for a framework.

In general, people shouldn't have to give up too much information to log in. Ask for the information when needed. For example, First name, Last name, when is it needed? Not when signing up, especially since username is the unique identifier for the user. This, of course, is different from application to application. So how about adding some kind of hierarchy to information. Say that we don't send a registration e-mail upon registration. Then after the user has returned to the site at least 24 hours later, then we send a welcome back e-mail, please add your real name to your profile.

The goal is to ease people into using the application/site and making sure they return again and again. For anyone making a shopping application/site, this article has additional tips on how to make the experience smoother (https://blog.kissmetrics.com/first-step-of-checkout/)

Too much for one issue?