allhealth-3.png

项目背景 BACKGROUND

关于ALLHealth

ALLHealth是一款智能健康设备管理应用，主要用于连接品牌在亚马逊售卖的体脂秤、血氧仪等医疗器械设备，监测用户的健康情况。app在此时是开发完成初始版本并已经上线使用。

需求和目标

  1. 需要增加儿童和宠物称重的模块；
  2. 模块的设计需要简洁但有亲和力，同时要有足够的易用性；

我的角色

交互设计，界面视觉设计，数据调研

解决方案 SOLUTION

本次增加的儿童和宠物称重模块，在接到任务前想得比较简单，真正开始思考流程和功能时，发现需要考虑的场景和细节比较多。在设计的过程中，除了参考市面上一些同类产品如Yolanda、Withing等外，也和运营负责人一起查阅了很多数据和资料，包括儿童身体成长数据、未成年人账户法律风险等。最后把整个模块分成以下5大块来规划和设计。

1. 用户账户类型重新整理

儿童和宠物的体重需要单独记录，因此需要新增两种不同的账户，且这两种账户的功能、数据都要与常规账户有所区别。

儿童账户设计思路：

  1. 综合美国法律规定及实际情况，首先确定了App的主User必须在16周岁以上，同时在添加member时，将16周岁作为child member和normal member的分界线，Child member采用专门的图标角标表示；
  2. 由于我们的体脂秤硬件产品对于10岁以下的用户，无法测量体重外的其他数据，因此我们将整个child member分为10岁以下、10～16岁两种，两种账户在称重和数据展示上有所不同，但是在添加时只提示，不做额外步骤。

allhealth4-solution1.png

宠物账户设计思路：

  1. 宠物账户相对简单，只需要有体重数据，且没有年龄划分的问题。因此主要在新增账户时增加“Pet”

allhealth4-solution2.png

主要界面概览

allhealth4-solution3.png

2. 儿童称重模块设计

儿童称重模块是本次设计中最重要的部分，我针对各个年龄段儿童的称重习惯、硬件的数据展示等，我把称重流程分成了3种情况，分别融入家长怀抱模式、独立站立模式、类似成人的常规称重模式。

  1. 3周岁以下：有家长怀抱称重和引导式独立称重两种模式，整个称重过程需要家长的深度参与；
  2. 3～10周岁：引导式独立称重模式为主，同时考虑儿童自主行为，即如果不在app上按流程称重，也可让家长手动分配结果；
  3. 10～16周岁：常规称重模式，不再需要家长的引导。

allhealth4-solution4.png

allhealth4-solution5.png

主要界面概览

allhealth4-solution6.png

3. 儿童称重结果及数据展示

这部分主要针对10周岁以下儿童用户的称重结果显示和数据曲线显示。在设计之前，调研了团队和部分用户中的家长人群，了解到美国儿童称重时，医院通常会结合CDC的标准给出一些建议，家长也对此很重视。

allhealth4-solution7.png

设计思路：

  1. 根据调研的反馈，我考虑可以将这个数据对比结合进我们的儿童称重结果和数据曲线中，正好也可以解决10周岁以下儿童称重结果页面的问题；

    allhealth4-solution8.png

  2. 在10周岁以下儿童的体重数据页面，曲线图直接增加3条CDC标准线作为对比，同时下方位置直观显示历史称重结果。

allhealth4-solution9.png

主要界面概览

allhealth4-solution10.png

4. 宠物称重模块设计

有了前面儿童称重模块的设计，宠物称重模块相对简单很多。因为不是专门的宠物称重App，所以初期版本只考虑家长怀抱称重一种模式，同时也只有Weight一个数据。因此设计重心会主要集中在视觉部分的调整上。

allhealth4-solution11.png

主要界面概览

allhealth4-solution12.png

5. 情感化提示设计

由于儿童称重模块与年龄相关程度很高，以此为契机，我想到可以在用户生日、儿童达到不同阶段增加相应的提示，这样可以让用户有被关注的感觉，同时还能增加使用产品的场景。此外，儿童处在长身体的阶段，身高对体重有重要的参考作用，因此增加测量身高的提示也很有必要。

allhealth4-solution13.png

用户生日提示

生日提示分为10岁以下男/女儿童，10岁以上男/女和宠物5种基本样式。因为10岁以下儿童和宠物主要走App引导称重的流程，因此提示的行动按钮会直接唤起称重流程。

视觉设计上，为5种不同身份设计了不同的主题色，气球彩带等元素点缀，搭配Lottie微动画增加氛围（可点击这里查看）

allhealth4-solution13.png

儿童用户升龄提示

因为3周岁、10周岁和16周岁，对于家庭成员来说，在使用、数据、成员类型方面有所区别，所以当某个家庭成员到达这几个关键年龄点时，会在消息中心有特殊提示，但不做强提示。

视觉设计上分为男版和女版，每个版本设计幼儿、儿童、少年、青年4个不同年龄的形象，每次升龄，一个大的「我」向一个小的「我」打招呼，代表着「我」进入到了不同的阶段。

allhealth4-solution16.png

allhealth4-solution14.png

儿童身高测量提示

不同于成年人身高基本固定，儿童处在长身体阶段，所以身高需要及时记录更新。因此，我设计了这个测量提示，用户可以设置未成年成员身高测量提示的频率，默认为3个月提示一次。每次提示以通知形式显示在通知中心，不做强提示。

视觉设计上，分为男女两个版本，通过长颈鹿、尺子等较可爱的元素表现身高。

allhealth4-solution17.png

allhealth4-solution15.png

项目总结 SUMMARY

挑战 Challenge

  1. 在讨论阶段，团队建议全面参考竞品App的无感称重模式，即只要两次称重时间小于5分钟，重量差在3kg以上，就把重量差作为儿童/宠物的称重结果。但是经过多次测试，这样不仅容易有误差，对用户的教育成本也更高，如果不明说可能没有人会发现这个功能。因此我提出还是用强引导的方式设计，同时可以兼容无感称重。
  2. 儿童称重结果和曲线设计前期，对于是否要参照CDC存在异议，因为如果这样做，需要额外使用CDC的API，同时也会增加数据的计算量。但是我和运营负责人都认为这是一个亮点功能，所以我们花了多天研究CDC相关数据和文档，做了详细的交互说明跟开发讨论，最终开发也认可了我们的提议。
  3. 宠物称重模块，有同事提议对宠物种类做特殊匹配，如针对猫、狗、兔等不同类型的宠物，在视觉和音效分别进行设计。对此我提出前期没有必要做，一方面无法兼顾平等，宠物种类很多，如果宠物很冷门，用户反而会有被忽视的感觉；另一方面我们不是专门的宠物App，在前期没必要花费时间成本做这种锦上添花的功能，这类功能最好放在成熟期再考虑。

亮点 Highlights

  1. 称重流程引导感强：称重流程考虑了多种情况，家长参与的怀抱称重模式也是经过多次模拟，尽量减少出错率。测试时也获得了团队其他成员的认可；
  2. 儿童称重结果部分获得好评：儿童称重结果与CDC标准的结合，是整个模块中的一个亮点，最终也被采纳进电商页面的文案中；
  3. 情感化设计增加用户体验和亲和力：想到儿童和宠物，本身就会想到爱和温暖，所以在称重引导过程、称重结果的插图中，都采用了比较亲和情感化的设计。同时强化了用户成长方面的提示，一方面增强用户体验，一方面增加用户使用体脂秤的场景，得到了部分家长用户的好评。