Suggest the right approach
As shown in the figure on the right, we only need a little attention when designing Country Email List new icons to solve the problem of icon representation, solve user confusion at the cognitive level, and reduce cognitive barriers.
Finally understand why the interface is not good
3. Application in actual products
Finally understand why the interface is not good
5. Status Visibility
When the product requires the user to perform a multi-step task, it should display the system progress so that the user understands where their actions are in the interface.
information in the figure below. When users face this multi-process task, their patience is often very low. We can add a system status progress bar during design to remind the user of the current node at all times. There are other application scenarios of this method. The purpose of more scenarios such as registration and login, information improvement, etc., is to allow users to achieve a state of predictable interaction and improve user experience.
Finally understand why the interface is not good
Application in actual product
Finally understand why the interface is not good
6. Lightweight projection
The role of shadows in the interface is to distinguish information levels and to decorate visual effects, so you need to pay attention to the size of the shadows when using them. In the real world, shadows can be seen everywhere, such as building shadows, plant shadows, and people shadows. These shadows It is a part of life, and in UI design, the shadow is a part of the interface, it can be used according to various element modules in the interface, but in the design we should avoid excessive use, imagine that we will deliberately use the shadow in our life. Become our focus, so the same is true in the page.
1. Why is the left side wrong?
Let's look at the shadow in the left picture. In this housing rental form selection module, the shadow is used to inform the user that the form has been selected, giving a strong visual cue, but in the picture, the range and depth of the shadow are overused. Not only will it be overwhelming, but it will also affect the aesthetics of the foundation.
2. Suggest the right approach
As shown in the figure on the right, if the element already has a status prompt in the module and needs a shadow as an auxiliary to highlight, it is necessary to avoid large-area deep shadows in the design, and the use of light shadows can play the role of auxiliary prompts, which not only ensures the beauty of the page , it will not affect the use.