交互案例深度解读 | 健身科技公司如何通过HRV心率变化创建个性化健身计划

本案例展示了健身应用程序设计的整个过程。在这个项目中,设计师解决用户需求的同时,深度挖掘了用户的潜在需求,为其提供了一系列的周边服务。

随着服务业的兴起,诸如糖尿病等生活方式疾病兴起,由于工作中久坐不动的特性和我们用来应对压力的垃圾食品,肥胖也随之增加。要使人们变得健康,要么在没有医疗监督的情况下选择健康的饮食计划,要么限制饮食。

项目基于Design Thinking双钻模型的流程图

该流程完整按照UXD当下力推的Design Thinking来进行的,目前UXD的交互设计课程已经与全球一线顶级名校实现了100%同步。

点击查看更多UXD交互思维课程和指南

01
用户研究

01.Secondary Research

Secondary research帮助我们挖掘了设计问题和背景,并提出了应通过定性研究加以验证的假设。通过调查我们发现

通用节食计划存在的问题

·35%的节食者逐渐进入病理节食

·95%的人节食失败,大多数会在1-5年内恢复他们的体重 ——体型和体重歧视委员会

通用健身计划存在的问题

·你必须使用极端的饮食习惯

·不切实际的锻炼历程

·如果未经医学监督可能引起副作用

02.Survey

Survey是设计过程中使用的一种工具来缩小目标受众的范围的小工具,试图通过调研发现哪个年龄段的人最容易遇到问题。

从中得到的Insights
在36位受访者中,有32位有健身目标
在49位受访者中,只有9位在节食,其余对其表示未知或想要节食
在49名受访者中,44人之前服用过某种形式的补充剂

03.User Interviews

为了获得更加细节的内容,设计中我进行了用户访谈,以了解有关目标用户所面临的健身计划中出现的问题。我一共采访了12个人,他们的年龄段为22岁至35岁。这些人是从最初的49名参与者中筛选出来,采访的反馈包括

“我不知道该吃什么,何时吃,吃多少”
“节食意味着放弃美食”
“饮食单调乏味”
“营养令人困惑,首先他们妖魔化了脂肪,现在妖魔化了糖”
“我的个人和工作生活不适合遵循饮食或健身计划”
人们总是坚决抵制改变。大脑的一部分(杏仁核)将变化解释为一种威胁,并释放出恐惧,战斗或逃跑的荷尔蒙。你的身体实际上正在保护你免受变化。
就像这只狗,renmen抵抗变化‍
换句话说,改变带来的的痛苦大于收益的欢乐。

04.Affinity Mapping

采访后我通过Affinity Mapping对用户访谈中获得的见解进行了分组。

并且借助从访谈中获得的见解,创建了Empathy Map以用户移情更好地了解用户的需求。

05.Personas

为了使设计过程以用户为中心,并作为我们对所做研究进行了总结,并且创建了Persona。每当我必须决定重要的功能时,我们都会对前期的调研进行回顾,以使设计与用户需求保持一致。
UXD导师点评:
UX用户研究的方法非常多,我们不必力求使用的方法数量,更重要的是在合适的设计中使用适合的方法,最终得到最准确的用户需求,对后续的设计方向做出指导。在作品集展示的过程中需要表现该阶段的真实性。
02
定义问题
How might we是我们在定义问题过程中常用的句式。通过前期的一系列用户研究,我们可以得到一些急需我们在设计中解决的问题。这些问题包括
  • 我们如何帮助用户做出有关饮食和锻炼的明智决定。

  • 我们如何才能帮助用户以个人体格所需的最低限度的努力来可持续地实现健身目标。

  • 我们如何在不影响口味的前提下帮助用户根据自己的喜好建立健康的饮食习惯?

  • 我们如何激励用户建立健康的生活方式,而饮食和活动却没有急剧变化?

UXD导师点评:
在做作品的过程中,我们需要对这些问题进行筛选,挑选出最重要的、最棘手的问题,作为整个设计的主线。
03
发展方案
最终设计中我们希望可以研究用于确定我们身体健康状况的生物标志物,以此来帮助用户了解健康状况。尽管有像苹果手表这样的可穿戴设备,但它们对经济条件的要求教高。通过研究我们决定利用智能手机中所有可用的传感器,使得产品更加经济实用。
HRV心率变异性
HRV是衡量每个心跳之间时间变化的量度。这种变化是由自主神经系统(ANS)的神经系统原始部分控制的。HRV总是给我们呈现非常客观真实的数据,他还影响我们的心率、血压、呼吸和消化的重要方面。
根据设计需要我们查阅了关于“心率变异性”(HRV)术语的研究论文。深入研究中也了解到了一些可以用来测量运动员HRV的产品。

01.User stories

我创建了用户故事来决定基本功能,并确定产品的功能需求。

02.Sitemap

创建sitemap来梳理应用程序中的所有界面的关系,并用可视化的方式将它们连接。

03.User flow

用户流程图是Sitemap的升级,以更好地了解所需的屏幕并帮助轻松地与开发人员和产品经理交流流程。

04.Sketches

在对比了Healitfyme,Curefit,Truweight之类的应用程序,我从应用程序中汲取了灵感,并且通过sketch的方式把想法进行简单的绘制。
在sketch中我重点我选择一些重点问题进行迭代,比如我观察到用户有时会操纵数据以避免对摄入过多卡路里感到愧疚,所以把摄取的卡路里和消耗的卡路里从仪表板上移走了。
04
测试迭代

在此轮测试中,我们重点对如下的部分进行了迭代包括:

更改计划者的日期/查看昨天的数据/搜寻字词/进行健康评分阅读/开放饮食计划/变更活动/回顾过去的表现趋势/导航到学习部分

用户场景包括

·你想知道,今天午餐要吃什么。

·你想重新评估健康评分,以便你可以更好地了解自己的健康状况。

·你不希望跑步,但是今天你想消耗卡路里。

参加人数:5人

Findings

大多数参与者发现很难完成高优先级的任务,这表示需要更改应用程序的交互和布局。用户仍然能够理解该应用程序的用途。
反馈使我重新考虑了我对美学的重视,而不是可用性和导航性。此外,用户希望拥有一个应用程序,该应用程序具有易于区分的待办事项和易于添加的按钮,可以自定义日程安排。
用户测试结果

修改和迭代的内容包括了:

  • 将整体布局更改为待办事项

  • 清除标签

  • 更改日期部分以使其更易于访问

  • 在底部导航栏添加通用添加按钮

从可用性测试中获得一些改进后,与用户进行了第二次交流第。我们发现采用“待办事项”格式的用餐计划是一种简单而有效的方式,因为用户熟悉了项目管理工具。
此外又简化了添加功能,并仅保留运行状况得分作为跟踪其运行状况的指标。这样可以减少他们对虚拟指标的愧疚。
05
设计呈现表达
最终我们对视觉UI进行了设计和调整,包括Logo、Fidelity、Color、Font、Icon等方面。

1.Logo

我希望徽标能代表自然,所以我选择了绿色,并营造出友好的氛围,为此我增添了微笑。

2.Low fidelity wireframes

低保真线框帮助我在布局设计上进行迭代,在这轮次设计中,我们并没有过多考虑边框半径,大小,图片等次要细节。

3.Color scheme

友善稳定的品牌形象可以用蓝绿色和蓝色等冷色来表示。因此,我将其作为原色,并使用白色和灰色#f4f4f4作为背景色。

4.Font

我之所以选择Montserrat,是因为它具有较高的可读性,多功能性和现代外观,同时还具有典雅感。

5.Icons

我选择了轮廓图标样式,以使其具有现代外观,而边框的小半径则使其具有友好的外观。

6.UI elements

由于该应用程序是为跨平台开发的。我遵循了IOS和材料指南,以使其在这两个平台上看起来都是原生的,这样可以大大降低开发成本。

7.User On-boarding

我设计了一个入门屏幕,以帮助用户了解他/她对应用程序的期望。

8.新用户的应用个性化

新用户登入后可以完成个性化产品定制,以使健身计划与用户的兴趣和偏好保持一致。

9.Home页面设计

首页选择网站层次结构保持水平,易于浏览。设计过程中清楚标记了所有选项和选项卡,以便用户永远不必进行猜测。主要功能包括:用餐计划、活动、购物清单、健康评分和洞察力。

10.Search

在界面上添加了搜索功能,以便用户可以搜索新的食谱、食材、营养主题以及食材的替代品。

11.Insights

Insights页面可帮助用户了解自己的正确做法,落后之处以及重要的数据点,以使他们牢记并了解自己的身体状况。借助一流的数据可视化方法,跟踪健身计划变得更加简单。

12.Add meal

除了应用程序提供的常规用餐计划外,用户还可以根据需要添加更多内容。可以通过底部导航栏中的添加按钮进行访问。用户场景:你想在晚餐计划中再添加一顿饭作为宵夜,但你的烹饪时间却更少了。

13.Add activity

如果用户喜欢在他/她的活动计划中添加更多活动,则可以通过底部导航栏中的添加按钮来访问它。用户场景:你今天想燃烧更多的卡路里,多做一次活动。

14.Learn

随时随地了解研究支持的健身主题。

15.Adding shopping list

由于用户会购物杂货,因此我添加了购物清单功能。用户可以通过从食谱页面搜索并直接添加购物商品。

16.Notification

通知可帮助用户提醒重要的活动和警报。通知可以直接影响用户参与度,并帮助用户坚持计划。
我们本来打算添加一项社交功能,但它不是MVP的一部分,它只是“可能具有”的功能。所以我们会在下一次迭代中添加这项功能。以上便是此项目我们完整的设计流程。
(0)

相关推荐

  • 工作中需要的产品思维,该怎么培养?

    神译局21小时前 作者是Sundial的联合创始人,她曾担任Facebook应用程序的产品设计副总裁长达14年. 神译局是36氪旗下编译团队,关注科技.商业.职场.生活等领域,重点介绍国外的新技术.新 ...

  • 创业的五个基本原则

    新创企业往往因为对产品缺陷认知的滞后,最终导致创业项目的困难甚至失败.对于首次创业者,北京一六八八财务咨询有限公司小编整理了一些基本常识,希望能够帮创业者少走一些弯路. 1用户导向 用户导向是相对于自 ...

  • 熊猫债发展研究与案例深度解读-现状及政策角度剖析【主题324】

    用专业打动专业,发出市场最有力的声音 文|并购袁博士 张杰 董偲琦 戴岑 余勇波 余俊  刘众明 李润宇 姚文娟 丛晨 宋麒 顾勍力 摘要 熊猫债是外国债券的一种,是指境外机构在中国大陆发行的.约定在 ...

  • 打破困境,癌症也能变成“慢性病”!——肺癌优质案例深度解读

    肺癌,无疑是当前极难应对的恶性肿瘤之一.   肺癌的治疗方案非常复杂,仅治疗方式就有手术.化疗.放疗.靶向治疗.免疫治疗等等:每个患者的病情都是特殊的,治疗方案可能是手术加放化疗,可能是放化疗结合,也 ...

  • 【案例春秋】某科技公司薪酬管理制度

    文/荆泽峰 第1章 总 则 第一条   为了健全公司价值分配体系,发挥薪酬的激励作用,根据国家有关法律.法规制定本制度. 第二条   本制度适用于**科技股份有限公司及其各分.子公司全体员工. 第三条 ...

  • 2018年人身险公司投诉率排行深度解读

    2018年人身险公司投诉率排行榜已经出炉一段时间了,坊间产生一波舆论攻势: 投诉率是评估保险公司服务的一项关键指标,但是,投诉率是以什么标准评估的?投诉率高就代表拒赔率高吗? 并不是. 2018年人身 ...

  • 电子科技公司涂布行业废气治理工程案例

    治理工艺流程:进风风机→喷淋塔→干式过滤器→RTO蓄热式氧化炉 化工厂废气属于含尘气体,在使用RTO蓄热式氧化炉设备净化处理前加喷淋塔除尘,再使用干式过滤器过滤废气中残留的颗粒.过滤后含有VOCs的废 ...

  • 中长期激励研究,某生物科技公司限制性股票(案例汇编)

    四月 读 案 国企改革小店 例 上新推荐 Reading 中长期激励研究案例 简介 这次上新共7个案例,看完这篇,就能直接get<某生物科技公司限制性股票案例>的详解! 中长期激励研究案例 ...

  • 5个小时、10+案例剖析、500+ 企业交流,深度解读酒业营销数字化秘密!

    站着不动,永远都是观众.很多事情做了才知道,没有做之前,没有发言权. 很多企业在数字化面前,不愿去尝试,甚至觉得是一件超级遥远的事情,这个情况就像2000年的时候,传统企业看待电子商务的状态,看看,就 ...

  • 日本某科技公司RPA案例分享

    置身于快速变化的市场环境之中,高科技企业更需要减少重复性.低产值的工作,将人力运用到更有价值的业务中.而RPA正好契合科技企业的这一需求. 日本某科技公司,为客户提供IT产品全生命周期的支持服务.近年 ...

  • 很重要!未经股东会决议将公司资金借给关联公司,可能构成刑事犯罪(典型案例 罪名解读)|法客帝国

    未经公司内部表决,实控人出借公司资金给关联公司,构成挪用资金罪 作者 | 唐青林 李斌 北京云亭律师事务所 阅读提示 本期案例中,一名大股东将自己绝对控股的公司中的商铺销售款1000万元转移至自己另外 ...