穿戴式健康医疗产品配套APP设计

　　第 6 章 穿戴式健康医疗产品配套 APP 设计

　　6.1 健康医疗 APP 的信息构架

　　在这个体验经济和信息化并存的时代，产品的卖点已经不仅仅停留在造型和功能上，利用信息化服务创造更好的用户体验，已逐步成为产品的重要竞争力。对于健康医疗手环来说，受限于它的尺寸大小，除了作为监测和提醒设备外，无法搭载更多功能。

　　而手机的智能化程度更高，其余服务性的功能由智能手机来实现，这样的处理方式是非常合理的。APP 作为健康医疗手环的扩展工具，需要具备的功能有数据查看和分析、食谱推荐、一键沟通和手环设置四大功能。信息架构是指在大型网站或软件系统中，采用一系列相关的分析、组织和设计方法，尽可能“快捷”的以相互关联的方式把用户需要的信息“准确”展现出来的信息结构形式。

　　如图 6.1 是健康医疗手环 APP 的信息构架图，它标明了主要页面的组织形式，然后再逐一页面进行细致的设计[29].

　　6.2 同类型 APP 界面分析

　　为了解健康医疗 APP 的交互设计现状，笔者选取时下较热门的三款健康医疗 APP,对其最具特点的界面进行分析，从而为下一小节的设计提供参考。

　　（1）Health 是苹果公司最新推出的健康和健身应用程序，其能将用户 iOS 系统设备上所有健康应用的数据兼容，并且进行整理再通过通俗易懂的界面显示出来。如图 6.2 是 Health 软件最具特色的界面，它整合了身体各项数据，如卡路里、体重、心率等，用折线图的形式呈现，有非常强的可读性；最大的设计点是界面上部的标签条，可以在日、周、月、年之间进行切换，减少了 APP 的信息层级。

　　（2）WellDoc 公司开发的 BlueStar 手机健康应用是一款存储收集饮食、血糖水平和药物治疗方案信息（手动输入或连接设备）、并通过云端获得个性化的反馈和警示的糖尿病管理软件。如图 6.3 的三个界面可以表现 BlueStar 健康应用的大部分功能，其中 1 是患者血糖异常的提醒界面，用图文结合的方式告诉患者血糖低，并给予应对措施，非常人性化；界面 2 显示的是当天的血糖数据，其中白色的点表示饭前血糖，黑色的点是饭后血糖，红色的点表示血糖超标，用数据图的方式展现一天中的血糖趋势，十分清晰易懂，左右滑动还能进行日期切换，中间的灰色按钮点击可查看一周血糖趋势；界面 3 是医生给予的反馈意见，界面最上方显示已发送报告的简要信息，下方的区块中医生头像使人感觉专业、有带入感，后面清晰给出分析结果和逐条改善建议，使患者感觉贴心。

　　（3）iHealth Gluco-Smart是ihealth公司开发的无线智能血糖监测产品的手机应用程序，它可以记录血糖的测量数据并上传至云端服务器、分析血糖趋势以及将数据分享给家人、朋友和医生。如图 6.4,这款软件的内容呈现非常清晰，总共有四个一级导航，分别为总结、测量、管理和设置。在总结界面中又可分为两个二级导航，分别为饭前/夜间血糖和饭后血糖，数据界面显示的是本周的血糖信息，包括 7 天血糖平均值、与上周比较改变的百分比、每天的血糖情况和异常血糖次数统计，还有鼓励的话。主要的表现形式是圆形百分比和数据图，表达清楚、通俗易懂；管理界面可分为三个二级导航，分别为记录本、统计数据和趋势。记录本里面是每个时刻的血糖、饮食、药品、运动记录，并用红、黄、绿三色区分血糖的高低程度。统计数据显示的是一周内的血糖平均值和各个时间段的平均值，并用图标表示时间。趋势用数据图的形式显示一周内的血糖波动情况，并用不同颜色的线区分早中晚三餐和夜晚的血糖。

　　6.3 低保真原型设计

　　低保证原型是通过简单的设计工具迅速制作出来，用于表现最初的设计概念和思路的原型，在软件需求调研的初期，可以根据调研的结果快速画出软件原型，提供给目标用户，看是否能满足用户的需求[30].

　　基于图 6.1 的信息构架图，把健康医疗 APP 所有的界面元素以线框图的形式表现出来，具体原型设计如下。这款健康医疗 APP 设计的基本思路是：第一，减少信息层级，将所有引导性内容都显示在主页，层级最多设立三层，并由箭头引导返回；第二，提高图形的识别度，在识别度不够高的图标旁边都加有文字注解；第三，数据结果用最直观的图表表示，这样可以增加用户对数据的理解度，避免造成困扰。

　　如图 6.5,用户登录后，进入最左侧的用户健康状况总述界面，在这个界面中，显示了手环记录的各项身体数据，包括血糖、服药统计、平均心率、运动量和睡眠质量等，并用图表的形式表述，简单明了，点击图标可查看各项数据的详情。主界面的最下方是四个标签栏，分别为总述、血糖、食谱和设置，血糖界面是整个 APP 的设计重点，在下一段中会做详细阐述，食谱界面主要是网友分享的一些糖尿病病人的食谱，上面记录热量，供病患选择的时候参考，看到喜欢的食谱可以收藏，也可做相应的饮食记录。

　　如图 6.6,用户需要参考血糖详情时，可通过界面下部的标签切换至血糖页面，但在获得统计数据前，需要用户先填写一日三餐的时间，以便归类餐前和餐后的数据。进入血糖界面后，用图表的形式来显示血糖值，非常直观，并用颜色来区分血糖是否在正常范围内。界面的上部有日、周、月、年四个标签，可以查看更多的血糖统计数据，并且每部分的统计数据都是通过不同的图标形式表达，便于用户很好的理解自己的血糖情况，从而调整生活作息。

　　6.4 APP 医患沟通流程展示

　　除了展示采集到的用户体征数据、为用户提供简单饮食建议外，促成医患流畅沟通也是 APP 重要的功能之一。将监测到的用户数据做相应整合，传送给医生，并得到医生的有效反馈，可以帮助用户在较短时间内了解自己身体面临的问题，并积极改善，防止病情进一步恶化。所以，简单高效的沟通流程是此款 APP 的一个设计亮点。

　　用户在查看血糖时，如果觉得身体状况不好，需要询问医生时，可以点击右上角的加号，出现查看分析和询问医生两个按键。查看分析是 APP 自身根据用户的血糖状况、结合运动和睡眠情况做简单的分析，给出一些参考性的建议。而询问医生点击后会进入和医生的交流页面，此页面和微信类似，可以通过右下角的加号展开，选择需要发送的血糖报告发送给医生，在和医生做简单的交流后，医生针对这份血糖报告做相应的诊断，并将结果反馈给用户，用户下载查看诊断结果。