It has been shown that the human brain processes visual information better than text. Therefore, data visualization is the use of charts, graphs and design elements to visualize data, the relatively complex, abstract data through a visual way to people more easily understand the form of a series of means. Data visualization allows people to complete certain tasks more efficiently, which we can understand as three advantages:
>? Aesthetic display:? Use data to show corporate features, conference booths, live media presentations, etc.
>? Data-driven: View real-time business overviews, monitor alerts, and drive rapid internal responses
>? Uncover value: The visual experience that comes with visualizing data as it is presented will help one discover new factors
In? Hightopo (hereinafter referred to as HT) technical support, data visualization in addition to "visual", but also communicative and interactive characteristics. Designed to bring not only instantaneous processing of massive amounts of data with cool visualization styles caused by the visual shock, should focus on serving business needs, designed to meet the needs of different industries personalized custom visualization, to help companies make the right business decisions, to have a basis for the presentation of the data to help companies to make more scientific judgments and to avoid decision-making errors.
First determine the type of chart, the next step is to enter the layout of the specific location of the information, to establish the steps of the interactive script. The first step in establishing an interactive script is to determine the size of the large screen. Customers do not have to use the size of the large screen will affect the overall layout and effect, the design should also consider whether the splicing of the large screen seams, as far as possible to splicing screen size to establish the grid layout.
After the size is established, the next design draft layout and page division. Layout here we have to refer to the first priority of business needs to layout the screen division area. The core business indicators are arranged in the middle position, occupying a large area; the rest of the indicators in order of priority in the core indicators around the expansion. Generally, the related indicators should be placed next to or close to each other, and the indicators with similar chart types should be placed together, so as to reduce the cognitive burden of the viewers and improve the efficiency of information transfer. Visually, we should try to avoid the text or chart lists, pay attention to the square and round charts of the proportion of the area of the problem, but also during the layout of the matters needing attention.
Design style is determined by the following points to determine the main:Design style of the choice do not pursue the effect of cool and not in line with the business needs, choose the most appropriate rather than choose the most colorful is particularly important. Because the scope of the design is relatively wide, we focus on the latter two chapters separately. Here are some examples of the different layout and elements of different industries:
Hightopo
The visualization of the engine is based on highlighting the generator product, and the surrounding UI is designed in the form of large rounded corners, so that the vision is encircled by the surroundings to the middle, and is focused on the center.
Hightopo
The visualization of the excavator is designed in earthy colors, adopting the principle of color **** love, combined with the simple linear UI, making the big screen grounded without losing the effect of high-end elegance.
Hightopo
The visualization of the hospital is designed in cool white, highlighting the clean, serious feeling that the hospital gives, as if you can smell the disinfectant water. The model display is the main focus, and the button style also adopts a surface-based design with a large color block distribution-based model design.
Hightopo
The visualization of the subway station is based on a realistic style, reproducing the appearance of a real subway station, as well as immersive animation and interactive experience.
Hightopo
The agriculture visualization case tries the low poly style, with simple illustration style and slightly abstract painting model to condense the operation scene of agriculture, and the color tone is close to the green of the plants, designing a lovely animation style visualization effect.
At the same time in the design because of the use of different equipment, the big screen has its own unique resolution, screen composition, color display, as well as the operation, display environment, many of the problems here can only be found when the design is cast to the big screen, so this step in the communication of the sample diagram to confirm the link is very important, sometimes need to develop a demo, repeated testing many times to modify the coordination of the final on-screen effect. In the test from the design can focus on the following points:
Previously established layout in the design of the content is still appropriate
Established type of charts and graphs into the data is still objective and accurate
Based on the key elements, color, structure, texture to create a page style is basically conveying the expected atmosphere and feeling
Already have the style, data content, animation and so on. Whether there are any problems with the development and implementation of styles, data content, animations, etc.
Whether there are any color differences on the large screen, whether the text content is clearly visible, and whether there is any deformation and stretching of the page.