AXURE原型设计:手机版可视化视图应用案例

1 评论 10848 浏览 53 收藏 7 分钟

将数据可视化,可以更快地理解和处理信息,是数据分析中重要的部分。本文从四个案例出发,分析如何做好数据可视化,希望对你有帮助。

数据可视化在数据分析中扮演着越来越重要的角色,试想一下,如果你把一堆数据拿给你的老板或者甲方爸爸看,那肯定会被痛批一顿。

但是如果你把数据做成可视化的图标就不一样,因为可视化视图可以快速、直观、清晰地将数据呈现出来,让人能够更快地理解和处理他们的信息,从而做出决策。

下面我们先看看几个数据可视话的案例:

1. 运动健康案例

2. 资产理财案例

3. 用户画像案例

4. 游戏评分案例

通过上面的案例,我们能明显的体会到可视化视图的好处。随着5G技术的发展,人们使用手机的时间越来越多,所以手机版的可视化视图成了app软件里必不可少的一部分。所以,在我们做原型设计的时候,需要我们灵活的运用可视化视图。

可视化视图看起来好像很高大上的东西,实际上就是由多种统计图表来组成,例如柱状图、条形图、散点图、折线图、饼图、雷达图、漏斗金子塔图,热力图,水泡图……下面我就和大家介绍一下不同图表的作用,以及在什么情况下用什么样的图标更为恰当。

1)柱状图类图表

从下图可以看出,柱状图的图标有很多,包括单柱状图、组合柱状图、堆叠柱状图、百分比柱状图、瀑布图、阶梯图、直方图等等。

单柱状图:

单是一种以长方形的长度为变量的统计图表,通过长方形的高度来衡量变量的值。例如某一商品不同月份的销售额。

组合柱状图:

组合柱状图是在单柱状图的基础上,用不同颜色的长方形显示两个或两个以上变量的值,能更加直观的将变量进行对比。例如不同商品的销售额。

堆叠柱状图:

和组合柱状图很像,只不过是将多个变量的值堆在一起,能够清楚的看到总量的对比。

百分比堆叠柱状图:

百分比堆叠柱状图,在堆叠柱状图的基础上转化为百分比,不能看出总量的对比,但是更清楚的看到多个商品的占比,原理和饼图类似,可以说是多个饼图组成了宝粉笔堆叠柱状图。

瀑布图:

瀑布图能够显示正负值,适用于收入支出的案例。

阶梯图:

阶梯图普遍用于在不同的数值范围内的变量取不同的值,例如阶梯水费、电费,个人所得税率图。

直方图:

直方图比较适合研究分布状况,例如正太分布等。

2)条形图

条形图分成单条形图、多条形图、堆叠条形图、百分比堆叠条形图、甘特图。

其实条形图就是横过来的柱状图,大部分应用一直,但是条形图更适合做排行图和甘特图。

排名图:

排名图由高到低降序排列,更直观的各个变量的占比和排名。

甘特图:

适合用于项目排期等计划图标。

3)散点图

散点图就是把各个值在对应的坐标上显示出来,常用于做模型分析,例如回归分析等。

4)折线图

折线图主要是体现变量的变化规律的,例如基金的历史收益等等。

5)饼图

饼图、环形图主要是对比各个变量的占比。

6)雷达图

雷达图更适合做一个综合的分析,例如说学生是否全面发展,或者说是游戏的评分等等。

7)漏斗图和金字塔图

漏斗图:

漏斗图主要是用来衡量策略是否有用的,例如投放广告有10000人观看,从观看广告、浏览网站、加入购物车、生成订单、支付订单、到最终完成交易的各个阶段的人数。

金字塔图:

金字塔图更实用与类似人体所需营养的分布,这样的案例,或者说是一个企业的架构图,高层、中层、底层的人数和占比。

8)水波图

水波图多数用于反馈实时数据,例如实时的销售量。

 

本文由 @秀 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 原型预览及下载地址:
    https://axhub.im/ax9/b8a463fbb49bf00d

    来自广东 回复