From the course: Building Great Forms with HTML and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Login form flow chart and landing page

Login form flow chart and landing page

From the course: Building Great Forms with HTML and CSS

Start my 1-month free trial

Login form flow chart and landing page

“

- [Instructor] On the surface, Log ins forms seem simple. They're just two to four fields. That's it, but before you actually build out a form, it's important to think through the process. You want to consider all of the possible scenarios and make sure that you have built-out functionality to handle errors and successes. I like to create a flow diagram to ensure that I have covered any potential screens or situations that may impact my users. For a log in form we're going to be building, we have a flow diagram that looks something like this. The user starts, and they come to a screen, and they need to determine are they already a member. If they are, they can enter their user name and password, and if it's valid, they can successfully log in. If it's not valid, then did they forget their password? If yes, they need to reset it, and then they can enter their user name and password again, or if their credentials were not valid…

Contents