Question: In this assignment, you will be designing wireframes using Pencil Project for a Sign In page, a Registration page, and an Error page for registration.

In this assignment, you will be designing wireframes using Pencil Project for a Sign In page, a Registration page, and an Error page for registration.
Student should create the following wireframes as outlined below.
1. Sign In - A page with a login form with the following requirements:
A Username field
A Password field
A link to show/hide password (see chapter)
A button to allow new users to "Register"
A link for "Forgot Password"
Use hints or vertical labels to label each of your fields (no horizontal labels as discussed in the chapter/slides)
2.Registration - A page with a registration form with the following requirements:
A First Name field
A Last Name field
A Username field
A Password field with an indication of password requirements (for example 8 characters, one number...etc.)
A link to show/hide password
An Email field
Use hints or vertical labels to label each of your fields (no horizontal labels as discussed in the chapter/slides)
3. Registration Error- Duplicate Email - A page with a error message to indicate that the user's email is already in use. The user would encounter this page if they tried to register with a duplicate Email address. Requirements:
The error message indicating the user's email account is already in use
A link to go to the Sign in page
A link for "Forgot Password" to recover the user's password.
I need images too

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!