Axure RP 11 Core Skills Course: 7.10 Case: Creating A Login Interface

https://axureboutique.com
In this lesson, we created an interactive login interface. We began by designing the background with a box and added labels for "username" and "password," along with corresponding text fields and a "Confirm" button. Error messages for empty fields were set in red and initially hidden.

We then set up a new "Success" page to navigate to upon successful login. Adding click interactions to the button, we established conditions to display error messages if the fields were empty. The prototype checks the length of the input values and shows relevant error messages accordingly. If both fields are filled, it navigates to the "Success" page. Finally, we changed the password field's input type to ensure that the entered text is hidden. Previewing the prototype demonstrated the functionality of the login process, including error handling and successful navigation.

Others:
Axure Libraries: https://axureboutique.com/collections/libraries
Axure Templates: https://axureboutique.com/collections/templates
Free Products: https://axureboutique.com/collections/free
Axure RP 10 Course: https://axureboutique.com/products/axure-rp-10-and-ux-core-skills-course
Axure RP 11 Course: https://axureboutique.com/products/axure-rp-11-core-skills-course