We should visually distinguish the information dimension when designing. For example, the positioning of "Newcomer Exclusive" is a label, the main purpose is to exist as an information prompt, and "Get on the bus now" is a button, the purpose is to let the user proceed to the next step, so we Country Email List When encountering similar designs, different information dimensions should be treated differently, that is, what you see is what you get, which can express the meaning of the content itself without causing loss of experience.
Finally understand why the interface is not good
3. Application in actual products
Finally understand why the interface is not good
3. Highlight hot spots
When a module has key elements such as buttons, text links, and image entries that require the next operation, they need to be highlighted to help users quickly locate the target.
1. Why is the left side wrong?
The “View Homepage” entrance in the figure uses gray fonts. Although the text is underlined, it is still not strong enough in terms of recognition. In complex page information, it is difficult for users to locate the entrance when they need to perform the next operation. Affect the user's selection efficiency.
2. Suggest the right approach
Whether in a page or a module, we can perform visual highlighting when the user is required to perform the next operation. The personal information module "View Home Page" in the right figure uses text highlighting and underlining for processing, allowing users to quickly locate by color. Entrance, and does not affect the user's normal reading, if the color block button is used to highlight, the module will be redundant and too distracting.
Finally understand why the interface is not good
3. Application in actual products
Finally understand why the interface is not good
4. Icons have a clear meaning
Icon-related designs are often encountered in design. Whether it is a general icon, a King Kong area or a treasure chest icon, we need to pay attention to whether the ideogram of the icon matches the function.
1.
Let's look at the picture on the left. If we remove the text and only see whether the function of the function can be clearly understood through the icon, it is not. The icon does not match the function itself, which will cause serious discrepancies in the use of the user, resulting in insecurity.
2. Suggest the right approach
As shown in the figure on the right, we only need a little attention when designing 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.
Let's look at the process of filling in the house decoration 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.