之前研究过数据图表的最佳表达方式。随着手机应用的不断发展，这一次数据图表的表现将延伸到手机端。相比web端展示数据的空间优势，需要兼顾手持设备的方便、简洁和专注。手机端如何选择？有没有更合适的表达方式？下面是在浏览或试用各种有数据的APP后，对手机端应用中值得学习的部分做了一个小小的总结，也让我对不同数据图表的特点有了更深的了解。在搜索应用分类的过程中，发现大部分能够体现数据表达的应用分布在：金融、健康、医疗、商务、工具、效率；其中金融、健康、商业的应用最为广泛。就把这三类图表应用一一列举出来和大家一起看看吧。通常，我们使用的大部分数据图表都可以在highchart中找到。今天，我们将以图表为基础，看看图表在移动应用程序中是如何正确应用和表达的。1、理财理财（理财）用户使用的目的通常是掌握收入、支出、收入的变化趋势，从而达到储蓄或赚钱的目的。这类应用通常需要用户提前设置好收支、账单和预算，然后打开应用的主要任务就是查看应用反馈。MintBills&Money上图是一个会计应用；左图使用仪表板（实体仪表）显示到期账单的状态；左图用类似的条形图显示信用卡的已用金额和余额，以及最低还款额。这样，在预定的范围内，扫一扫就可以知道总体支出情况；与两者的进步和进步的表达相比，左边的表达更适合描述倒计时；在描述最低还款规模时，右边的表述会更清楚。Mint与之前的应用程序有类似的应用程序；后面这个只有一行的“堆积条形图”感觉更像是一个基本的热图，并且显示了当前的分数，方便查看当前的信用值和坐标；视觉上加上箭头，既有进步感，又起到指示作用。Saver2也是一个会计应用程序。左图是用不同颜色块划分的圆环图，分别代表各个费用类别，是对原有比例饼图更有效的应用；饼心，汇总支出金额，这种方式在app的数据概览和现代web图表中逐渐成为主流；它可以很容易地看到比例和总量。右图是根据左图中的色块细化出具体的分类项目，查看单个项目的预算支出比例。MoneyWiz左图是日历管理方式，方便查看对应的账单分类，可以清楚的显示哪些天有费用或账单提醒；右图使用常规的柱形图来比较每月的收入和支出。TapToTrack仍然是一个会计应用程序。左图用时间线的形式记录了每天的收支数据明细，用常识颜色（红色和绿色）代表收入\支出；右图上半部分的折线图继承了左图中的红色。绿色收支用颜色标注，方便用户查询每月收支情况。下部为详细收支排序（颜色不准确），比例显示某高亮子项的支出及核算情况。比数据。EnergyMonitorUI在Dribbble上有相关的能源监测图设计稿；极地风向图（风玫瑰）代表2013年月度能源消耗，极地风向图较同示意图柱状图更具创新性；草案的其他细节还有待进一步说明，但也直观地表明了能耗偏高，为用户日后采取相应的节约成本措施提供了帮助。雅虎财经这次不是会计应用程序，而是一款会计应用程序。不用说，这是来自雅虎的股票跟踪应用程序。左图是股东们最熟悉的。不同颜色的折线图展示当天的趋势，还可以通过选择/切换地区和时间查看不同纬度的数据表现；下部的红绿涨跌也清晰可见；右图用面积图表示单只股票在不同时间的走势。从设计上看，填色的是面积图，填色的是折线/曲线图，但填色后坐标还可以设置详细时间段的表现（右图).股票相关数据图表的应用非常专业和固定，可以说是一个复杂的业务为用户建立的常识和习惯。只要看到固定图表组合就不用多说了。套利交易者股票应用程序。网格数据类似于热力图的形式，通常在空间充裕的web端，多见于数据明细表；这是一种非常有用的展示方式：不同的色块代表了用户预设的一些区间，看样子是一个密密麻麻的数字，利用这个色块可以快速了解数据的区间共性。回顾手机上常规的基础图表??应用，会考虑空间因素，在视觉上做更清晰的调整；再来看看财务app的图表应用评测：另外——账单结合日历提醒也是很好的做法——颜色的运用很重要。在空间有限的app中，用好颜色会大大提高效率——滤镜在app中也是不可或缺的，比如切换区域、时间等维度的控件，可以有效调整视图的粒度。控件的基本要素在有限的篇幅内有针对性的应用，突出重点，也引导用户进行下一步的存钱、投资等行为。2.健康类健康类其中一个是运动健身，另一个是健康指标监测。健康APP用户主要关注自己的运动指标、完成度、变化等因素。通常，用户根据指导设置一些监测标准后，通过运动将新的数据记录在APP中，以便随时查看和跟踪。FitPort是一款重量和计步应用程序。左图依旧是用圆环图（也可以看成是圆形柱状图）来展示今天训练的结果：步数、运动公里数\完成数、体重变化。前两个是thindonutchart，清晰的表达完成进度和差距，后者是为了保持风格做的视觉美化，代表体重变化；右图下方用柱状图展示了一天中不同时段的步数，以及时间维度每天变化时的基线，方便用户找到自己的一些规律。另一类健康是健康指标的监测。一些医疗也暂时列在这里。共同点是这些APP都使用一定的外接设备随身携带，随时检测测量身体数据，并同步记录在APP中；您可以在APP中查看各项指标的变化，进而调整自己的饮食和生活习惯，改善现状。iHealthMyVitals2.0这是一款血压监测应用程序。左图折线图为近期某段时间的血压范围和体重变化趋势，右图为当前血压数据坐标、参考范围变化热图、信用值coordinates和之前的金融app很像，不同的是多了一个维度，也符合实际的血压基础数据需求（舒张压坐标）；因此，坐标热图也可以灵活应用。iHealthGluco-Smart是一款血糖监测应用程序。左图是通过外接血糖监测设备在APP中查看测量数据；视觉效果的甜甜圈图有仪表刻度感，表示7日饭前或晚上的平均血糖，下方散点图作为辅助明细图。分别标出高、高、低出现的时间段。右图查看血糖变化趋势，折线图显示了饭前和晚上的血糖变化，颜色线的细节用来表示早餐、午餐、晚餐的血糖变化和晚上。两个图都有绿色区域——安全范围，也很方便查看和比较自己的数据变化。SnoreLab是一款打鼾监测应用程序。左图是鼾声程度的监测表现。在左侧，有从舒缓到严重的滤色器。紧密直方图中的色块遵循过滤器的三个维度，你可以直观地看到最严重的鼾声分布在什么时候。;下部还可以听出当时鼾声的轻重；右图以彩色热线图显示各时段打鼾程度；并转化为声音特定部位的评价值，可以作为用户就医时进行有效治疗的参考。SleepCycle类似于上一个app的右图，是睡眠监测的数据图表。Dribbble的设计稿。在Dribbble华丽丽的设计稿中，很多喜欢曲线和颜色渐变，但也有很多表达上的错误。本设计稿中的渐变色恰好与曲线相结合，清晰表达了该时间段观察到的睡眠深度；甜甜圈的完成程度表示不同类型的比例，对整体睡眠情况做出直观的总结。回顾这类APP使用的经典图表，除了监测指标和查看变化\趋势外，更侧重于提示问题点，以便用户调整作息、饮食和训练计划。三。商业类商业类主要用于监控业务数据：流量、访问、到达等，它结合了一个效率工具，也是对时间使用的监控和管理。Mandrill是一款用于跟踪电子邮件发送数据的应用程序。上部为可选时间范围内，汇总数据提示邮件的打开率、点击率、去重打开、点击、投诉、退订等关键指标；下半部分用透明面积图表示打开率和点击率。MailChimp也是一款邮件监控应用，大家对MailChimp都不陌生。用条形图表示打开率和点击率；关键数据部分显示邮件发送、打开、点击数\率，条形图也可以是一个圆圈内的细圆环图，通常为百分比，完成度也是同一个概念。TODAYCalendar是一款时间\任务管理应用程序。日历依旧是用色块来区分不同的任务（左图），然后在右图的表盘上，可以看到之前的任务安排以及时间是否冲突或重叠一目了然；它比线性计算单个任务的耗时要直观得多。统计数据不记得Dribbble或Pinterest，推荐人数据的图表。上图有点类似于地图（Mapbubble），直观的表达了源区域；底部用半透明的区域图展示了PV、访问量、回访量，按照这三个数据的时序逻辑也可以看成是一个简单的。漏斗视图。回顾业务效率等级更关注监控效果、指标数据等，以寻找改进点。在整理例子的过程中，我很早以前就想到了如何把web端或者client端的业务在app开始的时候迁移到手机端：拿业务的核心部分。现在回过头来看，是这样的：随着移动应用占比的提升，除了要考虑核心骨干，还要努力明确面向用户的主要任务，或者对用户进行有效引导。对于数据类型的APP来说，在有限的篇幅内，汇总数据或者关键指标是不可或缺的，而数据表格会出现的相对较少，元素结构大致会变成：有多个元素\组合，我们将一定要考虑优先级，就像火箭的核心部分和可丢弃部分一样。如果内容只能在applewatch或者更小的空间显示，我们该保留哪一个？综上所述，我们在工作和探索的过程中，对数据进行了一些移动应用中图表的整理和提炼；每个基本图表都有自己的特点，掌握它的特点，能够利用好它做更多的创新，这就是可视化数据的价值所在。数据并不枯燥，有趣的数据图表是它最好的译者。以上观点、案例和思路难免肤浅、片面，更多更好的应用还需不断探索。
