In-depth analysis: Interaction Design on the Internet login interface

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

　　I. Ultimate Subtraction

This is a product of a logon box that is different from the conventional design ideas. This is not a usual logon window. It only retains the input of the user name. You only need to press the Enter key to confirm. It jumps out of the box in the logon interface design, and the color is eye-catching and simple.

II. Compelling user interface

1. Blur background

Recently, the application of fuzzy background has sprung up, because the application of fuzzy background not only makes the entire website more humane, to a large extent, the atmosphere of the website is highlighted. The following example shows a charming login interface. The Blurred background is designed with simple icons and thin lines. The color of the background image and the color of the button are very different from the same color, allows the interface to be integrated into a whole.

2. Dark Background

When we see the following case at a glance, the bright input box attracts all attention. The background image that has been implicitly processed makes the login form the visual center of the page. Nothing can distract the user's attention. This is not only a high-quality sensory experience, but also a comfortable user experience.

 

3. Flat solid background

I'm fascinated by the flat design in the following cases. The basic style should have been monotonous and boring, but if it is well matched in color, the flat login interface will become lively and playful.

3. Clear Visual Line

Human Visual browsing is generally an "L" line of sight, meaning from top to bottom, from left to right. The design of the form interface places great emphasis on user guidance. When an interface does not emphasize too many elements, then the visual browsing order of the form conforms to the "L" pattern and basically meets the user's psychological expectation. Therefore, you do not have to think too much about and search for it. You can simply and efficiently complete the filling and submission of form items.

Analysis of website login interface design: the beauty of the balance between design and interactive experience, and things about the Internet. User experience design

The usage of login and registry tickets is very high, and the design of a form is not a simple task. The user experience must be considered. Some people like to put registration and login on a page, and some like to use ajax to demonstrate the effect without refreshing. There are a lot of tricks. In short, everything starts with the best user experience. The design is endless! Even a registry ticket is worth further research. If the user experience is not emphasized, the website will lose a large number of users.

1. Reduce user input

Generally, the registration rate decreases accordingly for each field added to the Registry.

It is very troublesome for a user to enter the email address twice or repeat the password during registration, especially on the mobile phone. In fact, users generally use their frequently used mailboxes and passwords for registration, so it is not easy to forget. Entering a password to complete registration is more in line with people's expectations. However, to prevent password input from being different from the user's expected password, users can view the plaintext password. If you forget your password one day, you can retrieve it through your email address. If you enter the password twice, the loss of users is more likely.

2. Information Registration tips

Providing valid information prompts for end users is the best method in user experience design, especially when the user registration information has multiple input domains, when fields that need to be filled in may be ambiguous, these message prompts can reduce users' time to think and guess. There are multiple forms of prompt information, you can flash a note on the top of the page, or let the hidden message jump out of the bubble box.

The design performance gives the registry list a special character, and the interface design is the user experience. More prompts can prevent users from entering the information again due to incorrect input.

 

3. reduce users' mandatory operations

Is the User Authenticated upon login or registration? I don't think we should take it if there is no major security problem. The verification code is displayed only when the user inputs an error for a certain number of times. (You do not have a verification code at the beginning, or you are not allowed to log on if your input is incorrect ). However, most of your technical partners will tell you that "security" is a big problem, so we often cannot "indulge in system security setbacks for a good experience of details "... Analysis of website login interface design: the beauty of the balance between design and interactive experience, some things on the internet 4. Incorrect password input memory

When a user enters a wrong password for the first time, the system saves the memory of the wrong password entered by the user after judging the error. When the user enters the wrong password again, the system automatically prompts "Incorrect password" on the client ". This reduces the user's Misoperation and reduces the number of tasks submitted to the server. Because the entered password is displayed as * You cannot directly see the exact input result. In many cases, it is true that the user remembers wrong or fails to enter the correct password.

When anyforweb creates more attractive web forms for customers, we always constantly ask ourselves: Do I have the patience to fill out the forms? What makes forms easier for users? These questions won't always find the perfect answer, but if we constantly think about these questions and try our design from the perspective of users, we believe that at least the direction is correct. In short, login registration is "one door", one door that truly connects products and users, so that products can reflect more value to users.

Therefore, this door must be wide enough, the threshold is low enough, the door is always open, and the memory enters and exits every time...

In-depth analysis: Interaction Design on the Internet login interface