How to visualize data in product design? 6 cases tell you

In our daily work, we are exposed to a large amount of data. These data are the results of truthful records or observations of objective things. If they are summarized and summarized, they are excellent for both personal work and company operations.

Out of this consideration, many product managers will perform some visual processing on the data in the back-end design, so that the data becomes better for observation and management.

Today, we will share a few prototype works on data visualization, hoping to give some inspiration to the knife friends.

Insert picture description here

01Data visualization + background

Author: Zhou
prototype link: https: //org.modao.cc/square/mtkedluyxm3z99vh

When it comes to data visualization, the application scenarios most people think of should be a bit biased towards the Internet industry, but in fact, traditional industries can also use this approach.

For example, this work is based on the vigorous development of the domestic catering industry. There are as many as millions of large and small catering companies, and the overall number is still on the rise. However, behind the brilliant industry, there are great potential environmental pollution risks. .

In this way, data visualization can effectively grasp the coverage of regional hood equipment and equipment operation, and can effectively supervise regional smoke exhaust, greatly improve the work efficiency of relevant departments, and truly trace the entire process.
Insert picture description here

A few simple tables can improve the effective smoke emission of the catering industry, thereby achieving easy supervision, timely detection, and effective governance, which has great social environmental protection and economic value.

Insert picture description here

02Big data visualization

Author: Jack.young
prototype link: https: //org.modao.cc/square/mtkb3idsp5oqw1hc

The purpose of data visualization is to make the data look more intuitive and make it easier for everyone to accept.

When formulating relevant data visualization rules, you can also find the best way of presentation based on the characteristics of the data, such as time information and spatial information, to help people understand the data.

Insert picture description here

This time the park data visualization and medical data visualization is a good example.

The former collects and sorts out the park’s corporate data, employee data, shared space data, corporate service transaction data, etc., and builds a data visualization platform for the smart park based on multiple dimensions, effectively helping the park’s policy implementation, improving service efficiency, and enhancing management capabilities. , The value of the park can be tapped and enlarged.
Insert picture description here

The latter uses smart wearable devices to collect user data to create personal medical health. Everyone's health data can be checked. If the body has abnormal indicators, it can provide treatment plans and guidance to prevent diseases in advance.

Insert picture description here

For reference to designers and product managers who are making similar products.

03Visualization page

Author: Fanfan.Liu
prototype link: https: //org.modao.cc/square/mtkb3ibxgvppqo0t

We all know that in the current era of data dominance, data visualization is an indispensable part.

This work chooses to use tourism big data as the display content, presents a large amount of data analysis results in a macroscopic view, and displays complex data through different dimensions through charts or graphic effects, clearly and effectively interpreting and communicating the analysis result information, which can be To a large extent, it helps decision makers understand the purpose of problem analysis.

Insert picture description here

On the whole, this work provides a relatively complete visual and dynamic design solutions for various data components. The overall visual color matching is beautiful and reasonable with high reusability, covering some basic data analysis pages.

Insert picture description here

04Data visualization prototype

Author: Fan Ruohong
prototype link: https: //org.modao.cc/square/mtkb3ibrvmuvvbi4

This prototype work is a mobile material adaptation version of data visualization charts commonly used in daily work, including more than ten types of charts such as pie charts, ring charts, funnel charts, radar charts, Venn charts, heat maps, and scatter charts.

The icon type covers a very wide range, the application situation is also very rich, and the design is exquisite, which shows the author's skill.

Insert picture description here

05 Honeycomb

Author: Robert
prototype link: https: //org.modao.cc/square/mtkeayv3tfwkbjv4

This is a data tool backend, including data briefing, data sandbox, data access and other sections. The page is neat and the page design is simple and generous. It is a very concise prototype with clear functions.

Insert picture description here

Very suitable for B-side product manager reference reuse.

06Business traffic monitoring

Author: Xiao Fu

Prototype link: https://org.modao.cc/square/mtkedlkhydboar5n

This material is based on the hospital as the background, mainly presents the centralized display of monitoring effects through data monitoring, and also contains charts such as bar graphs, line graphs, and trend graphs.

Insert picture description here

The layout of the entire page is very reasonable, the effective information is listed clearly and has a certain reuse value.

Insert picture description here
Insert picture description here

How to quickly reuse prototypes

The first step is to find the desired target page in the material square and click save.
Insert picture description here
In the second step, click the material to find the material you just saved, and place it on the current page, or, in the right component, drag it directly to the workspace.
Insert picture description here
If you have other material needs, please leave a message to tell us~

Guess you like

Origin blog.csdn.net/Lemonliyi/article/details/108407786