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 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 Country Email List 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
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. Why is the left side wrong?
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.