Web user experience design efficient design visualization


every day, people are drowning in the ocean of information. In the process of active acquisition and passive acceptance, users always avoid an "efficiency" appeal. In this information ocean, what are the current difficulties faced by users,


some design details of "hidden", "fold", "progressive" design consumes the user’s rapid cognitive appeal;

tends to be complex and bulky, rendering the interface a burden, aggravating the confusion of user operations and allowing users to understand and make ambiguities;

design too much operation, click, the user’s hand muscles non-stop movement, switching different pages to view;


as a designer of information transmission, how to make information more intuitive, clear and eliminate uncertainty understanding is the most important thing in the work. And "visualization" is one of the most efficient ways to transmit information. For information visualization, visualization and graphics, it has become a hot point and research direction in the design circle.


‘s visual design for products mainly aims at transmitting and communicating information clearly and effectively with the help of graphic and other intuitive means, forming efficient functions, using mappings, and completing user tasks. Select the right interface elements for the tasks that users want to accomplish. They are displayed on the page through a quick and easy to use expression that reduces the user’s cognitive burden and physical burden. It can be divided into four levels: function visualization, structure visualization, operation visualization, and control visualization.


functional visualization: to determine the priority of requirements, to ensure that the high priority functions are displayed to the user, so that users can easily identify and find, so that the design has the right hierarchy. The user’s understanding of the information hierarchy requires two processes, the first is rapid capture, followed by a more detailed understanding of the specific content. In the rapid capture stage, the time span is short, and the main function points of the product are highlighted through color, contrast and positioning. For example, in Figure 1 the famous Korean portal / search engine site owned by Naver Naver Shopping, the product positioning which provides goods search service, by searching for the name of goods, according to the commodity category lists almost all South Korean large e-commerce website provides the product link. So, on the interface, highlight search features and navigation areas with strong contrast tones. Through the visual guide, allowing users to focus on the core content, focus on the user’s line of sight, the main colors in the white pages, you will see the strong tone of the line of sight, so it can be used to highlight the strong tone of the core content, let the user visual focus there.


This article was written by admin

Leave a Reply

Your email address will not be published. Required fields are marked *