Learnings:

1. Task completion with minimum clicks and appropriate functions

As you can observe in this portal, No need to click submit button to validate the details. Users get notified immediately after entering details. Using appropriate functions you can minimize the human errors like junk values etc.

2. Well written error messages

A user-friendly and specific error message is an essential component of interaction. As you can see in above screens, all error messages are very clear and meaningful also they are navigating user without confusing him.

3. Appropriate color usage

For this payment portal, they have also use the Sky blue color with their brand colors as sky blue having trustworthy, safety and security psychological characteristics. Also for invalid details they use the red and for valid it is green. Using accurate functions, Good error messages and delightful UI creates the good user experience.

Suggestions:

Nothing as such.

About Design Practice:

We are a group of UX Enthusiasts who are passionate to share good and bad experiences. We believe that we could design better solution if we could learn from the real experiences.

Feel free to subscribe and learn below. We will send you top most articles every week.