本案例展示了健身应用程序设计的整个过程。在这个项目中,设计师解决用户需求的同时,深度挖掘了用户的潜在需求,为其提供了一系列的周边服务。
随着服务业的兴起,诸如糖尿病等生活方式疾病兴起,由于工作中久坐不动的特性和我们用来应对压力的垃圾食品,肥胖也随之增加。要使人们变得健康,要么在没有医疗监督的情况下选择健康的饮食计划,要么限制饮食。
项目基于Design Thinking双钻模型的流程图
该流程完整按照UXD当下力推的Design Thinking来进行的,目前UXD的交互设计课程已经与全球一线顶级名校实现了100%同步。
点击查看更多UXD交互思维课程和指南
01.Secondary Research
Secondary research帮助我们挖掘了设计问题和背景,并提出了应通过定性研究加以验证的假设。通过调查我们发现
通用节食计划存在的问题
·35%的节食者逐渐进入病理节食
·95%的人节食失败,大多数会在1-5年内恢复他们的体重 ——体型和体重歧视委员会
通用健身计划存在的问题
·你必须使用极端的饮食习惯
·不切实际的锻炼历程
·如果未经医学监督可能引起副作用
02.Survey
Survey是设计过程中使用的一种工具来缩小目标受众的范围的小工具,试图通过调研发现哪个年龄段的人最容易遇到问题。
在49位受访者中,只有9位在节食,其余对其表示未知或想要节食在49名受访者中,44人之前服用过某种形式的补充剂
03.User Interviews
为了获得更加细节的内容,设计中我进行了用户访谈,以了解有关目标用户所面临的健身计划中出现的问题。我一共采访了12个人,他们的年龄段为22岁至35岁。这些人是从最初的49名参与者中筛选出来,采访的反馈包括
“营养令人困惑,首先他们妖魔化了脂肪,现在妖魔化了糖”人们总是坚决抵制改变。大脑的一部分(杏仁核)将变化解释为一种威胁,并释放出恐惧,战斗或逃跑的荷尔蒙。你的身体实际上正在保护你免受变化。
04.Affinity Mapping
采访后我通过Affinity Mapping对用户访谈中获得的见解进行了分组。
并且借助从访谈中获得的见解,创建了Empathy Map以用户移情更好地了解用户的需求。
05.Personas
为了使设计过程以用户为中心,并作为我们对所做研究进行了总结,并且创建了Persona。每当我必须决定重要的功能时,我们都会对前期的调研进行回顾,以使设计与用户需求保持一致。
UX用户研究的方法非常多,我们不必力求使用的方法数量,更重要的是在合适的设计中使用适合的方法,最终得到最准确的用户需求,对后续的设计方向做出指导。在作品集展示的过程中需要表现该阶段的真实性。How might we是我们在定义问题过程中常用的句式。通过前期的一系列用户研究,我们可以得到一些急需我们在设计中解决的问题。这些问题包括
我们如何帮助用户做出有关饮食和锻炼的明智决定。
我们如何才能帮助用户以个人体格所需的最低限度的努力来可持续地实现健身目标。
我们如何在不影响口味的前提下帮助用户根据自己的喜好建立健康的饮食习惯?
我们如何激励用户建立健康的生活方式,而饮食和活动却没有急剧变化?
在做作品的过程中,我们需要对这些问题进行筛选,挑选出最重要的、最棘手的问题,作为整个设计的主线。最终设计中我们希望可以研究用于确定我们身体健康状况的生物标志物,以此来帮助用户了解健康状况。尽管有像苹果手表这样的可穿戴设备,但它们对经济条件的要求教高。通过研究我们决定利用智能手机中所有可用的传感器,使得产品更加经济实用。HRV是衡量每个心跳之间时间变化的量度。这种变化是由自主神经系统(ANS)的神经系统原始部分控制的。HRV总是给我们呈现非常客观真实的数据,他还影响我们的心率、血压、呼吸和消化的重要方面。根据设计需要我们查阅了关于“心率变异性”(HRV)术语的研究论文。深入研究中也了解到了一些可以用来测量运动员HRV的产品。
01.User stories
我创建了用户故事来决定基本功能,并确定产品的功能需求。
02.Sitemap
创建sitemap来梳理应用程序中的所有界面的关系,并用可视化的方式将它们连接。
03.User flow
用户流程图是Sitemap的升级,以更好地了解所需的屏幕并帮助轻松地与开发人员和产品经理交流流程。
04.Sketches
在对比了Healitfyme,Curefit,Truweight之类的应用程序,我从应用程序中汲取了灵感,并且通过sketch的方式把想法进行简单的绘制。在sketch中我重点我选择一些重点问题进行迭代,比如我观察到用户有时会操纵数据以避免对摄入过多卡路里感到愧疚,所以把摄取的卡路里和消耗的卡路里从仪表板上移走了。
在此轮测试中,我们重点对如下的部分进行了迭代包括:
更改计划者的日期/查看昨天的数据/搜寻字词/进行健康评分阅读/开放饮食计划/变更活动/回顾过去的表现趋势/导航到学习部分
用户场景包括
·你想知道,今天午餐要吃什么。
·你想重新评估健康评分,以便你可以更好地了解自己的健康状况。
·你不希望跑步,但是今天你想消耗卡路里。
Findings
大多数参与者发现很难完成高优先级的任务,这表示需要更改应用程序的交互和布局。用户仍然能够理解该应用程序的用途。反馈使我重新考虑了我对美学的重视,而不是可用性和导航性。此外,用户希望拥有一个应用程序,该应用程序具有易于区分的待办事项和易于添加的按钮,可以自定义日程安排。
修改和迭代的内容包括了:
将整体布局更改为待办事项
清除标签
更改日期部分以使其更易于访问
在底部导航栏添加通用添加按钮
从可用性测试中获得一些改进后,与用户进行了第二次交流第。我们发现采用“待办事项”格式的用餐计划是一种简单而有效的方式,因为用户熟悉了项目管理工具。此外又简化了添加功能,并仅保留运行状况得分作为跟踪其运行状况的指标。这样可以减少他们对虚拟指标的愧疚。最终我们对视觉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的一部分,它只是“可能具有”的功能。所以我们会在下一次迭代中添加这项功能。以上便是此项目我们完整的设计流程。