login page is the entrance of the user’s access to the website, just as we enter the home and enter the company’s door.
just imagine we’re in an environment that’s surrounded by doors. We’ll choose which door to open. What part of this door has the charm that attracts us? Can we find the handle of this door?
?In fact, these problems also apply to the
login page for the login page, whether there is enough charm to allow the user to login process is not impatient, whether it can accurately distinguish to complete information (such as: fill the name or telephone, where fast switching button, etc.) is able to accurately find the login or the register button, these elements of the visual hierarchy and interactions, directly affects the entire page experience.
on the login page
as shown above, the general login page contains the following 5 important elements: LOGO, landing box, advertising map, help center, and bottom navigation.
in these five elements, the Logo and the login box are two essential elements. Logo embodies the product’s brand, and the login box is the ultimate intention of the user entering the page. The Logo and landing boxes have made up the simplest login page. As the user experience has improved, emotional design, advertising map, help center and bottom navigation is also gradually reflected in the login page.
The style of the
1. reflects brand class
This type of
is composed of LOGO login page and login box two page elements, relatively strong texture, strong maneuverability, users can quickly complete the login and in the login page, but also the product brands at a glance, the whole page presents the design of a more rational, without any visual interference the.
If we say that
is interference, the object may interfere is designers, design of high quality designer has a keen observation, design details in the page (such as gradient, shadow, Gao Guang etc.) may let the designer short time stopped to observe, then quickly complete the registration.
2. interesting design
when this style of login page is displayed in front of the user, the user’s first visual center is often really this diagram