数据可视化设计

Recommand
武汉/UI设计师/6年前/997浏览
数据可视化设计Recommand

随着大数据的浪潮,数据统计和系统后台越来越普及,如何让数据图形化便于理解也越来越难

1·如何梳理关键数据信息

信息梳理相信在每个项目都是最基本也是最关键的一步,特别是可视化数据信息的梳理,业务逻辑和数据信息环环相扣,如果出现遗漏或者信息优先级理解错误,都有可能导致后期设计视觉呈现前功尽弃。所以设计师在做这类项目时,先不要着急撸图,首先要深入了解产品需求和业务逻辑,一定要抱着产品的角度把数据从新梳理一遍,不明白的也要及时沟通,哪怕一个小点都要核实,因为可视化信息牵扯数据比较多样性,业务逻辑也比较繁琐,所以前期一定要和产品沟通确认。


2·如何组织信息

如果信息彼此有相似性或相关性关系时,使用类别分类法这也是常用的五种组织信息技巧一种。建立信息层级,划分每一组数据信息彼此的关系,分开主要信息和次要信息,但这里并不只是视觉上,主要以信息结构为重。尽量避免同一组数据中出现多个变量,以及不必要的信息干扰,这样数据在呈现时不会影响用户注意力信息可读性更清晰和直观。


3·布局呈现

界面删格系统目前已经很成熟了,创建基本结构和骨架,这样布局界面更为简洁分明。但是相对于布局,我觉得在构建数据可视化上,如何选择合适的统计图形呈现数据确是关键。(对于统计图线上有很多插件,像ECharts。虽然设计师会受点局限,但是开发新的统计组件也需要成本和时间。不管是静态还是实时变化的信息,都具有很强的挑战性。)


散点图主要用于相关性和分布性的分析:


条形和折线图比较数据彼此关系最为直观:


饼状图适合呈现数据组成关系:


4·视觉呈现

可视化界面无论图形和信息都会较多,大到整体布局、配色小到留白、间距都要把控,风格统一,简洁为主。

6
Report
|
26
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in