之前研究过数据图表的最佳表达方式。随着手机端应用层出不穷,数据图表也不断沿用到手机端:健康、天气、股市、商务、办公。相比web端展示数据的空间优势,App端要兼顾手持设备的便捷,要考虑移动端屏幕的大小和属性,还要考虑可视化图表能否提升APP的气质。
而在工作中,这一类的移动端图表则更多地反应在报表上,可能叫移动端报表,移动驾驶舱,抑或是移动数据分析,简单来讲就是把常见的报表、数据分析报告投到移动端,用于业绩指标监控和业务数据查询。主要的受用者是经理人和管理者。
那么到底如设计出实用简洁的移动端报表呢?本文试着借助FineReport软件,运用设计APP的思路,设计一个能随时随地查看数据、分析数据的移动端报表。
就使用者而言,移动端报表讲究随时获取,所以在设计上,需要避繁就简,直击重点。可以从基本元素设计、驾驶舱主页布局设计、数据选择、报表层级设计这4个维度来展开阐述。
1、基本元素设计
数字和图形是主要组成元素,占据了报绝大多数版面,要达到更好的展现效果就需要发挥不同元素的特长。
(1)数字
数字的表达,直观、简洁,且占用空间少,是最直接展示方式。例如股票中的大盘数据,一眼就能看到市场的当前指数。
在移动驾驶舱场景中适合应用于重点业务指标的展示,在报表的最显眼位置放入诸多重点数字可以快速地一览业务的全貌。
其缺点在于无法更深入的了解数字的背后的趋势,占比,分布等更深层次的含义。
举例一:应用于产品“健康”中的数字展示
(左侧:APP图片来源iphone自带“健康”。右侧:报表图片来源于“移动端驾驶舱>>驾驶舱素材>>数字”)
举例二:应用于股票产品中的数字展示