完整的UI/UX设计案例研究

来源:追波范儿    时间:2020-11-06    站内收藏

背景:

Aero Fitness是一款多功能健身应用程序,适合想要点燃保持健康体魄的健身爱好者。

当前手头的任务与问题

其中一个主要的利益相关者恰好是这个产品的联合创始人,他向我提出了开拓健身市场的建议。随着健身越来越成为主流,很大一部分人都在为自己的身心健康而努力,这个市场空间可以被挖掘出来,让人们更容易上手。

设计的流程

所采用的基本流程基于设计思维(Design Thinking),它帮助我定义并提出了重要的假设,这些假设通过原型测试和可用性测试来验证。

子流程包括进行用户研究以了解市场,创建用户角色和用户移情图。采用亲和力图谱进行创意解决方案的头脑风暴,并将其转化为草图、线框、模拟图和高保真设计。建立设计-测试-反馈的循环,以改进设计

挑战

客户最初报告了大量的挑战,通过调查和访谈进一步的用户研究发现了更多的问题。我们产品的基本目标是解决所有这些问题。代表问题(用户需求)的关键词的累计百分比帮助我们确定了最小可行产品(MVP)的功能,以及商业目标和技术能力。

至少80%的人直接或间接提到的主要问题包括以下几点:

1、难以追踪卡路里--87%的体重增加者。

2、一段时间后就失去了去健身房的动力--93%的入门者

3、没有现成的教练----82%的健身者;

4、找不到正宗的补品--90%的普通健身房用户

5、不稳定--88%的普通健身房用户。

6、定期检查所有生命体征----94%的起动者;

7、而其他问题包括忘记喝水或走路、没有本地化的解决方案、忘记添加卡路里、直观的手机应用、了解锻炼角度、性别不同的健身房等几个问题。

了解用户

在对人们进行访谈后,开发了用户角色和同理心地图。还使用了调查问卷。通过这些活动的结束,我知道了用户的痛点,以及用户的目标是什么,我们的应用需要如何为这些目标提出解决方案。

提出假设

所有上述的研究都帮助我们总结了在原型设计阶段测试的假设。我们列举了多个假设,因为我们的目标是要创造一个多合一的产品,集中解决多个问题。

去健身房的人发现很难保持自己的动力,因为体育活动总是一项艰巨的任务,人们需要在繁忙的日程中抽出时间。需要更多的一致性。

研究中发现的痛点和问题帮助我们定义了所有的案例,其解决方案在下一阶段进行了构思。

构思

思想研讨会期间产生了各种想法。主要的利益相关者在现场和远程聚集在一起,以找到解决已确定问题的办法。头脑风暴帮助我们分化并找到所有可能的解决方案。在这些讨论中,最有用的想法、最理想的想法、对大多数人来说最容易的想法、最实用的想法和最可持续的想法被分组。我们制作了一张亲和图,帮助我们将这些想法按目标分类。

把每个人的想法以便利贴形式展示

草图和线框

在头脑风暴阶段收集到的应用想法的草图,帮助我将所需的功能转化为更易理解的解决方案,干巴巴的,让利益相关者很容易理解。

从草图到线框逐步推进,描述应用的流程和定义应用功能的元素的逻辑结构。每个用例都被快速原型化为线框,这样我们就可以理解流程,并最终定义产品的信息架构。

视觉设计

在以线框图、用户流、用户角色、用户移情图、亲和图的形式定义了主要的用户体验后,移动应用的视觉设计与每个界面的微副本一起设计

新手引导页

一套简单易懂的上机界面,突出app的主要功能,并可轻松选择跳过并上手。简易注册,采用步骤式向导设计模式,输入基本信息,为用户快速启动App。

Aero Fitness入门新手指引页

主屏幕

一个描述性的,仪表盘作为主屏幕,向用户展示最重要的信息。主要属性包括

1、通知:即时通知,关于任何重要的提醒,发生的事情,健身房的时间,股票的更新等。

2、提醒:提醒总是在上面。推送通知也是用来提醒用户各种重要的事情。

3、每日见解:在登陆屏幕上快速查看每个重要的生命和活动。

4、小部件:主屏幕也有一个可定制的仪表板部分,用户可以在其中添加重要的小部件。

主页

膳食管理

探讨了一个直观的用户在日记中加餐的流程,让锻炼后大多疲惫的用户有了一个简单的日记方式。

管理日记

锻炼、跟踪和计划

观看锻炼视频,跟踪你的练习,并进行定制化训练,帮助你达到短期和长期目标。报名参加根据你的目标定制的训练计划。你可以轻松地选择一条学习路径,并按照它成为专业人员。

假人视频取自VGFit健身与健美应用,以备展示之用。

锻炼管理

发现与探索

用户可以轻松搜索到任何他们需要的东西,包括正品补品、教练、附近的健身房、赛道、教练,甚至是健身房配件。

发现页面

即时联系

随时与你的培训师和专家保持联系,并获得即时的帮助、反馈、推荐,以及更多。

游戏化体验

基本的游戏化的健身房体验,诱导用户更加稳定和积极。用户可以在健身房签到时扫描二维码获得积分。积分可以随心所欲的兑换,同时还有排行榜来争夺奖品。

游戏化体验

智能手表的智能应用

为了让一些功能更容易使用,智能手表的应用也在酝酿之中,这样一来,在旅途中或健身的用户就可以轻松使用该应用的主要功能。

视觉识别

创造一个精致而直观的视觉设计,利用美学的可用性效果,提供愉悦的体验。

之所以考虑使用黄色,是因为黄色的暖色变种能刺激心理活动,产生肌肉能量。

产品价值

对于用户来说

与健身和健康生活方式有关的所有信息的单一来源。

改善用户的健身习惯,轻松学习运动,同时保存测量记录。

让用户随时与他的培训师联系,这样他就可以随时得到帮助。

对于Aero Fitness & Enterprises

困境中的健身房可以上雷达,让更多的用户看到他们的身影,再加上广告宣传。

当用户发现100%正品的产品时,补充剂和供应商的销售量会增加。

自我实现--市场空间似乎很空旷,可以扩大范围。

结论

经验教训

设计过程相当全面,这有助于我通过研究了解行业以及用户的发现。用户渴望一个有用的应用,一定能帮助他们实现目标。让用户参与到应用程序中来是一个挑战,所以可用性测试将在用户群体使用应用程序的自然环境中进行。每个用户群体的用户流程都相当清晰,他们只需按照标签栏的用例进行针对他们的任务即可。根据用户目标来定制应用的功能,也是用户自己描述的这款应用最重要的能力之一。

未来工作

以下是未来需要努力的几件事:

1、与工作环境中的实际用户进行深入的可用性测试,以了解他们的反馈意见。

2、探索睡眠/冥想功能

3、通过A/B测试和R编程分析的帮助,去除不必要的元素,缩小用例范围。

4、建立设计系统,简化设计和开发过程。

可爱的你请把可爱的我设为“星标”。


译文地址:追波范儿(公众号)

本文来源:追波范儿

上一篇:返回列表
关键词: UI/UX设计 
作者:cdo
相关阅读
    正在加载...