项目背景

近年来,大家越来越不满足于网红脸或者包包鞋子,也开始渴望能有A4腰,或者领口下若隐若现的结实胸肌。2015年,中国健身应用的活跃用户已经超过了2000万,预计在2018年将达到7300万人。

coast-1834827_1920

火辣健身抓住了健康消费升级的商机,专注于设计让健身者坚持使用的产品。通过跟着火辣中的视频练习、在社区中讨论健身心得、关注达人 ,最终走到线下去健身房的闭环路线,让用户不知不觉养成健身的习惯。

作为一个沉浸感非常强的健身App,使用流程怎么不让用户走神出戏,是设计的难点。最后,火辣健身选择请艾体验帮助App塑形:锤炼各个细节,打造让人不易放弃的健身体验。

探索问题

艾体验接到项目后,先是对已有的版本进行细致专业的研究,站在用户体验的角度寻找问题。

%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-29-14-26-39

根据问题的严重程度进行分级后,我们给出了现有版本最亟待解决的问题,以及后续版本的改进建议。

主要细节设计

首页
%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-29-15-31-33

火辣健身首页头部就有灾难性的体验问题:数据层级太多,结构复杂,功能入口不明确。这些细节问题都会给用户造成极大的疑惑。

火辣健身按照艾体验的设计意见改版后,头部结构瞬间一目了然。顶部突出品牌感,视线流都集中在视觉中心线上。

下载课程
%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-29-15-46-03

旧版本的下载按钮比较隐蔽,而且进度很慢、文件过大,用户很容易在这一步就放弃使用App。

修改后,下载按钮固定在底部,更有触发的欲望。同时拉长进度条,使用先快后慢再快的动画,并且视频改为每单次训练下载以控制大小,打造最佳的下载感知。

课程预览
%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-29-15-51-39

在之前,课程详情页面主要展示了各个动作的抽象图标和时长,信息的传递效率十分低下。

火辣采取了艾体验的建议,给出动作的分解视频,把抽象的时间单位转化为具体的每组次数,用户对接下来的课程会有更清晰的预习,还可以打发下载等待的时间。头部杂乱的课程信息也得以有清晰的展示空间。

课程体验
%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-29-15-58-14

艾体验在调研时发现,健身应用中最佳的体验是由表意清晰的声音来引导提示用户。新版上线了倒计时等提示性声音,降低时间漫长的感知,让用户不轻易放弃训练。并且支持背景音乐播放,营造个性化的训练体验。

社区动态
%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-29-16-05-22

重新设计后,最新栏目只呈现带图的打卡信息,让用户一眼就能饱览帅哥、美女和美食,进一步激发学习其他人健身课程的兴趣。同时改动后和“我的”呈现逻辑一致,用户使用app时有统一感。

我的
%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2016-11-29-15-39-19

改版前,“我的”模块过于社区化,削弱了健身App 的特性,并且缺乏功能的入口,用户容易迷失。改版后很好地解决了这些问题。