Design details and thinking: Baidu Statistical Flow Research Institute to Savor

Article Description: Visualization of happiness-Baidu Statistical Flow Research Institute design summary.

Baidu Statistical Flow Research Institute in order to better convey the data to users, we have adopted Dynamic Data visualization (Interactive infographic). We hope that our design will bring users into the fresh, pleasant atmosphere. Of course, we also experienced the visual happiness in the process of design, and hope to share with you.

A good process is half the success.

predictive difficulty, multisectoral collaboration : a good communication process is half the success. At the beginning of design, the first thing that should be evaluated is the difficulty of project development. If the development is more difficult, or developers have less experience in the production of visual products, it is best to introduce a multisectoral collaborative approach to avoid the design and implementation of disjointed situations.

overall design, paper article : Overall design is very important, because it can ensure that your design ideas are coherent and contextual. In our experience to see, from the original design ideas to the minimum real prototype can be hand-painted + sticker way to achieve. The biggest advantage of "paper article" is that it shortens the time of the iteration and gives the students more intuitive and concise impression, which is very advantageous to the cooperation of many departments.

Active participation : The UE's work is not only to present the complete design scheme, but also to ensure the high quality of the final product on-line. For example, when a developer develops an operating system report, it takes the rendering of real natural light. In fact, in the darker background of the page using this rendering method will make the main body of the three-dimensional difference, and loss of texture. For this situation, the UE quickly communicate with the developer, the UE is responsible for the Flash picture drawing work, achieve a high texture, the effect of a strong sense of three-dimensional.

Design detailed

At the beginning of the design, our main idea is to use multiple graphs to interact with each other to display the data in a multidimensional way, and to identify the information that is most needed in the chart, that is, the principle of signal-to-noise ratio. In this process, we use the change of graphical indicators, the introduction of figurative elements, as well as the life of emotional summary, and so on, the visualization of data display. At the same time, we also carefully studied the data of the laws and trends, the selection of a reasonable display strategy. The following combined with a number of pictures to tell you the overall design of the idea:

Multi-Graph linkage interaction : Multi-graph linkage interaction itself is a very visual impact of interaction, but also let us never the same latitude to view the data. User's one operation can lead to the update of multiple charts, which can be fun to experience.

The principle of signal-to-noise ratio : The information that users focus on is the ratio and trend of mainstream data, not the information of Non-mainstream data at the end. Therefore, it is very important to eliminate the information without reference in the process of design, for example, in the resolution usage report, the nonstandard resolution is the information without reference meaning. At the same time for more data, more cumbersome data, the most important data highlighting, but also provide the complete set of user data for viewing.

The image above is a deprecated program in the design process, which does not have a good focus on the information, nor is it convenient for users to view the complete set of information. In the end, the message we want to convey to the user should be the first impression that we can get a general idea of the distribution of the data, and then we can see more detailed analysis of the data.

Change graphic metrics : Carefully explore the logical relationship between data and graphics, and find graphical indicators (color, shape, area, etc.) that can represent the distribution of data. The use of more novel graphical indicators, will bring users a fresh feeling, here the use of area indicators.

The introduction of a representational element : In the design of the integration of the elements, can quickly bring users into the product, so that users more intuitive understanding of content.

The emotion of life summed up : The law of the data summarized, the life of similar experience to sum up, applied to the design, given the design with emotion. In the operating system market share report, the concept of galaxies is used to show Microsoft's dominance in the operating system.

The emotional summary of Life : Similarly, more and more browser manufacturers are like slices of toast in the market share, blossom.

Reasonable display Strategy : for example, after analyzing the data of the geographical distribution of Internet users, we found that in addition to Guangdong province, the data of other provinces is basically a trend of linear arrangement, and the data of local distribution of Internet users fluctuates less. In the case of different data differences, we discard the commonly used fixed data corresponding to fixed graphics strategy, but using the specified data maximum and minimum corresponding to the graph range, period of data in proportion to show the pattern. In this way, the data differences between the provinces are at a glance. In addition, in the process of design, we import the real data as a basis, so as to ensure the harmonious unity of visual effects.

More design details and thinking, welcome everyone to the Baidu Statistical Flow Research Institute of thin Taste, enjoy the visual happiness.