How to Design Website APP Login Interface

Regardless of the design of web pages or mobile apps, it is very important to find a balance between small and beautiful and functional complexity. This article analyzes the form design of mobile APP to see how designers achieve a small and beautiful balance between design and interactive experience.

1. Extreme subtraction 

This is a login box product that is different from conventional design ideas, and it is not a login window in the usual sense. It only retains the input of the user name, which can be confirmed by pressing Enter, jumping out of the rules and regulations in the login interface design, and the color matching is also eye-catching and simple enough.

2. Compelling user interface 

blurred background

Recently, the use of blurred backgrounds has sprung up like mushrooms after rain, because the use of blurred backgrounds not only makes the entire website appear more humane, but also highlights the atmosphere that the website wants to express to a large extent. The case described below is a charming login interface. It is designed with minimalist icons and thin lines on a blurred background. The tone of the background image and the color of the buttons are carefully selected in the same color system, so that the interface is harmoniously combined into one overall.

dark background

When we glance at the case below, the bright input box grabs all the attention. The darkened background image makes the login form the visual center of the page, with nothing to distract the user. This is not only a high-quality sensory experience, but also a comfortable user experience.

3. Clear visual vertical line 

People's visual browsing is generally an "L"-shaped line of sight, which means from top to bottom, from left to right. The design of the form interface pays great attention to the guiding role for users. When an interface does not emphasize too many elements, then the visual browsing order of the form conforms to the "L"-shaped rule, which basically meets the psychological expectations of users. Then, the user does not need to think and search too much, and can complete and submit the form items simply and efficiently.

4. Focus on user experience design 

The usage rate of login and registration forms is very high. The design of a form is actually not a simple matter. User experience must be considered. Some like to put registration and login on one page, and some like to use AJAX to display without refreshing effect. Anyway, there are many tricks. In short, everything starts with the best user experience. The designs never end! Even a sign-up form is worth taking a closer look at. If you do not pay attention to the user experience, it will cause the website to lose a large number of users.

Reduce user input

Generally speaking, for each field added to the registration form, the registration rate will decrease accordingly.

Information Registration Tips

Providing effective information prompts for end users is the best way in user experience design, especially when the user registers and fills in information with multiple input fields, and when the fields that need to be filled in may cause ambiguity, these message prompts can reduce user experience. time to think and guess. There are many ways to display the prompt information. You can flash a small sticky note at the top of the page, or let the hidden message jump out of the bubble box. 

In short, login and registration are "a door", a door that allows products and users to truly communicate with each other, and allows products to reflect more value to users. So this door must be: wide enough, low enough, always open, remember every time you enter and exit...

 

Guess you like

Origin blog.csdn.net/weixin_43955838/article/details/86771339
Recommended