公司网站应重视数据信息可视性化设计方案提高

摘要: 创作者多数据可视性化设计方案开展了科学研究和感受的梳理,跟大伙儿共享下数据信息可视性化常见的五种方法,期待能给大伙儿产生构思的扩展。依靠于图型化的方式,清楚、便捷...

创作者多数据可视性化设计方案开展了科学研究和感受的梳理,跟大伙儿共享下数据信息可视性化常见的五种方法,期待能给大伙儿产生构思的扩展。 依靠于图型化的方式,清楚、便捷合理的传递与沟通交流信息内容。从客户的视角,数据信息可视性化可让客户迅速把握住关键点信息内容,让重要的数据信息点从人们的双眼迅速通向心灵最深处。
数据信息可视性化一般会具有下列好多个特性:精确性、自主创新性 和 简约性。 常见五种可视性化方式 下边从最经常用和好用的层面小结了以下5种数据信息可视性化方式,要我们来逐一看一下: 一、总面积 规格可视性化 对同一类图型(比如柱状、圆环和搜索引擎蜘蛛图等)的长短、高宽比或总面积多方面差别,来清楚的表述不一样指标值相匹配的指标值值中间的比照。这类方式会让访问者多数据以及中间的比照一目了然。制作这种数据信息可视性化图型时,要用数学课公式计算测算,来表述准确的限度和占比。 Examples: a: 天猫商城的店面动态性得分 天猫商城店面动态性得分控制模块右边的条形图按精准的占比清楚的表述了不一样得分客户的占有率。从下面的图中大家第一眼便可以明显的认知到5分动态性得分的客户占肯定的占比。 b: 联邦政府费用预算图 以下图,在国外联邦政府费用预算剖面图里,用不一样高宽比的贷币流清楚的表述了资产的来源于动向,及每一项所占额度的比例。 c: 企业黄页-公司工作能力实体模型搜索引擎蜘蛛图 以下图,根据搜索引擎蜘蛛图的主要表现,企业综合性整体实力与同行业均值水准的比照便一目了然。 二、色调可视性化 根据色调的浓淡来表述指标值值的高低和尺寸,是数据信息可视性化设计方案的常见方式,客户一眼见上来即可总体的看得出哪一一部分指标值的数据信息值更突显。 Examples: a: 点一下次数供热图 例如下边这张目光供热图,根据色调的差别,大家能够形象化的见到客户的关心点。 b: 二零一三年英国下岗率统计分析 在图上能看到,根据对英国地形图以州为企业的区划,用不一样的色调来意味着不一样的下岗率级别范畴,全部的全美下岗率情况便一览无遗了。 c: 英国手机上客户大城市遍布 图上小红点是用iPhone的人,绿点是用安卓系统的人。这二张在新浪微博上见到的图,第一张是英国一个大城市的一览,第二幅图高清组图了纽约市的市区,特别是在是曼哈顿地域。大家能看到在市区和主杆道的人用iPhone占多数,而用安卓系统的人都会近郊区。这也造成了大家的强烈反响,有的说在国外有钱人都住近郊区独栋别墅,因此有钱人爱用安卓系统手机上;有的辩驳说曼哈顿地域的人基本上都用iPhone,表明有钱人喜爱用iPhone手机上。无论结果怎样,都得以表明客户都被这种图所吸引住,因此可视性化的方法实际效果确实很形象化。 注:科学研究家统计分析了2年里30亿条带有自然地理数据信息的twitter文章,依据顾客端小结出去的数据信息。 三、图型可视性化 在大家设计方案指标值及数据信息时,应用有相匹配具体含意的图型来融合展现,会使数据信息数据图表更为栩栩如生的被呈现,更有利于客户了解数据图表要表述的主题风格。 Examples: a: iOS手机上及平板电脑遍布 以下图所显示,当展现应用不一样种类的手机上友谊板客户占有率时,立即用总的iPhone图型为情况来区划客户占比,让客户第一眼便可以形象化的见到这种图是在叙述iPhone机器设备的,形象化而清楚。
b: 每个人网客户的网上购物调研 下面的图能看出,该数据信息可视性化的设计方案立即选用男士和女士的图型,那样的设计方案让归类一目了然。再融合了色调可视性化(左边深蓝色右边粉红色),同时也选用了总面积 规格可视性化,不一样的占比用不一样长短的条形。这种可视性化方式的组成应用,大大的提升了数据信息的可了解性。 四、地区室内空间可视性化 当指标值数据信息要表述的主题风格跟地区相关联时,大家一般会挑选商业用地图为大情况。那样客户能够形象化的掌握总体的数据信息状况,同时还可以依据自然地理部位迅速的精准定位到某一地域来查询详尽数据信息。 Examples: a: 英国最好喝啤酒的原产地遍布 下面的图中,根据以英国地形图为大情况,清楚的纪录了不一样州所产啤酒在1987-2012年间在国外啤酒节中得到的纪念牌总计数量。再加上色调可视性化的方式,让客户清楚的见到英国什么州更出产好喝的啤酒。 五、定义可视性化 根据将抽象性的指标值数据信息变换成大家了解的非常容易认知的数据信息时,客户便更非常容易了解图型要表述的实际意义。 Examples: a: 洗手间贴士 下面的图是洗手间里贴在墙壁的节约纸型的环境保护贴士,用了定义变换的方式,让客户清楚的体会到职工们一年的用纸量之多。假如仅仅叙述擦手纸的量及沉积达到高宽比,大家还没有有哪些显性化定义。但当客户见到用纸的沉积高宽比比全球最大工程建筑还高、同时要砍伐500多个树时,想来客户的节约纸型乃至禁止使用纸型的情结便溢于言表了。因此由此可见用定义变换的方式是多么的的关键和合理。 b: Flickr云储存室内空间达1TB的可视性化叙述 Flickr对云储存室内空间升到1TB的确是令人高兴的事儿,但坚信许多人对这一总数级所意味着的含意其实不清楚。因此Flickr在宣传策划这一新的升級商品时,选用了定义可视性化的计划方案。从下面的图能看出,客户能够动态性的挑选相片的尺寸,以后Flickr会选用动态性互动的方法测算和显示信息出1TB能容下是多少张相匹配尺寸的照片。那样一来,客户便拥有清楚的定义,了解这1TB是啥数量级的容积了。 留意事宜 在小结了普遍层面的数据信息可视性化方式和案例以后,要再度整体注重下做数据信息可视性化设计方案时的留意事宜,小结了三点以下: 1)设计方案的计划方案最少可用于2个层级:一是可以总体展现大的图型轮廊,让客户可以迅速的掌握数据图表所需表述的总体定义;以后再以适合的方法对部分的详尽数据信息多方面展现(如电脑鼠标hover展现)。
2)做数据信息可视性化时,所述的五个方式常常是混和用的,特别是在是做一些繁杂图型和多维度度数据信息的展现时。
3)作出的可视性化数据图表一定要便于了解,在显性化的基本上越美观大方就越好,切勿虚有其表。



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503