Checklist Design
πŸ“ƒ Pages🧱 Elements🌊 FlowsπŸ’‘ TopicsπŸ–ŒοΈ Brand
πŸ‘‹ Check-Ins
Checklist Design
🏠 HomeπŸ“ƒ Pages🧱 Elements🌊 FlowsπŸ’‘ TopicsπŸ–ŒοΈ BrandπŸ›Ž Check-Ins
πŸ”‘

Login

Page

Checklist

0 out of 10

Logo

Either your complete logo or a symbol mark

Title

Tell the user this is where they login

Account identification

A unique identifier for the user

⭐️ Consider multiple identifiers to login with e.g. username, or email address, or phone number

Password

A secure, private code that allows access to their account

⭐️ Create the ability to make the password visible

Link to reset password

A user may forget their unique code - let them change it!

⭐️ Position this link close to your password input field

Link to sign up

A user may not have an account and landed on this page anyway

Optional

Login via third party

Turn text fields into one click by allowing users to connect via a third party e.g. Google, Apple, Facebook, Twitter

Testimonial

Reinforcing the brand and product never goes out of style

Blog post

An opportunity to show off content relevant to the user

New feature

The perfect way to build excitement for something new right before a user is about to log in and see it!

Inspiration
View more
View bucket
Articles
Designing a user friendly login
UX Collective
Designing UX login form and process
UXΒ Planet
10 tips for a better login page and process
UX For The Masses
Examples
Intercom
Webflow
Dropbox
Related
elements
View all
Green arrow indicating card for element content is a link

πŸ–²οΈ

Button

πŸƒ

Card

🌠

Icon

⌨️

Text field

⏳

Loading

Other
pages
View all
Orange arrow indicating card for pages content is a link

πŸ‘‹

Sign up

☎️

Contact us

πŸ—žοΈ

Blog post

🏒

Careers

🀝

Team

Checklist Design
Created by George Hatzis
PagesElementsFlows
TopicsBrandApp
Check-InsAboutPrivacy
This website was made with Webflow (affiliate link).