Home › App Patterns › Login screen
Login screen
The first screen where a user signs into an app or site.
A login screen takes the user's email or username and password and lets them into an account. Most have two fields, a Sign in button, links to "Forgot password" and "Sign up," and sometimes social login buttons.
Keep the form short. Show one field per line, label the inputs clearly, and surface errors right next to the field that caused them. Login is rarely the user's goal — it is friction on the way to the goal.