【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

ARTUI的课程设计特色,就是将知识点融入于真实项目中。目的是为了让学生直接体会做项目的流程和感受,在做项目的过程中体会问题和知识点。

跑步运动App是我们的真实学员案例。

需求

为热爱和坚持跑步、骑行运动的人设计一款APP。通过各项数据为用户带来成就感以及激励用户坚持运动;通过APP用户能够结识志同道合的伙伴来一同运动,提高健身运动的趣味性和竞技性。

功能

1. 跑步(步行、骑行)

  • 跑步流程

  • 数据记录

  • 排行榜

  • 跑步历史与训练数据

2.活动/赛事

  • 活动列表

  • 活动详情

  • 报名活动

  • 活动排行榜

3.动态

  • 分析跑步数据

  • 分享活动

  • 分享跑步心情

参考竞品

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

竞品调研分析

定位

APP

属性

悦跑圈

(国内)

基本工具属性+社交、娱乐属性

针对人群:跑步初学者、爱好交友者

NIKE+ RUN CLUB

(国外)

运动品牌NIKE延伸产品

完善工具属性+基础社交属性(全球)

针对人群:NIKE粉丝、爱好运动并且有一定跑步基础者

ENDOMONDO

(国外)

运动品牌UNDER ARMOUR收购产品

纯工具属性+会员定制属性

针对人群:想更有针对性地提高跑步质量并且有一定基础跑步群体

导航

APP

导航栏

悦跑圈

(国内)

我的主页 精选+专栏 开始跑步 跑友圈 更多

NIKE+ RUN CLUB

(国外)

动态 活动 跑步 CLUB 收件箱 个人中心

ENDOMONDO

(国外)

二级菜单 跑步 通知

主功能

APP

功能

悦跑圈

(国内)

1、个人主页:跑步等级、跑步数据、数据图表分析、训练计划、我的跑鞋、挑战计划、勋章、线上马拉松

2、精选+专栏:话题、状态、新闻、跑步相关知识

3、跑友圈:跑友动态、我的跑团、发现跑友、发现品牌(装备、赛事机构、服务机构)、赛事活动、排行榜

NIKE+ RUN CLUB

(国外)

1、好友动态

2、活动:成就(各项指标的最佳记录)、跑步等级 、历史记录

3、跑步:记录数据、数据图表分析、我的教练(训练模式—新手、进阶、备赛)

4、CLUB(全球):排行榜-活动(只限各国首都)-发现(话题、帖子)

ENDOMONDO

(国外)

1、会员:锻炼计划、心率分析、天气信息、音频教练、省电模式、自定义目标、详细的图表分析

2、锻炼模式:基本、设定目标、跟随线路、挑战自己以往的锻炼、定制计划

3、朋友:实时追踪-好友活动状态(可挑战、评论、语音鼓励))

4、跑步:数据记录

5、统计:vip,锻炼统计,分析体能

6、锻炼计划:vip,选择目标,根据体能制定出计划,随着进度调整计划

7、锻炼承诺:设定每周目标

8、挑战:制定目标,邀请好友一起挑战或者加入全球各地发起的挑战

8、路线:个人最爱的路线-附近创建过的路线

9、营养:记录每天营养情况 (另下app)

10、装备:安德玛产品推荐

主界面对比

APP

启动

跑步前

悦跑圈

(国内)

位于导航栏中部,

三次操作启动

强制选择:

跑步场合(室内/室外)

跑步模式

热身(3分钟视频)

NIKE+ RUN CLUB

(国外)

位于首页,一键启动

可提前设置:

默认室外,可选择室内

跑步模式

自动停止跑步

ENDOMONDO

(国外)

位于首页,一键启动

可提前设置:

选择3项数据显示

运动项目

锻炼模式

跑步前页面

APP

启动

跑步前

悦跑圈

(国内)

位于导航栏中部,

三次操作启动

强制选择:

跑步场合(室内/室外

跑步模式

热身(3分钟视频)

NIKE+ RUN CLUB

(国外)

位于首页,一键启动

可提前设置:

默认室外,可选择室内

跑步模式

自动停止跑步

ENDOMONDO

(国外)

位于首页,一键启动

可提前设置:

选择3项数据显示

运动项目

锻炼模式

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

跑步中页面

APP

跑步中

悦跑圈

(国内)

显示:

地图-距离-时间-其他详细数据

可操作:

暂停(暂停倒计1小时自动结束)-继续/结束-锁屏(隐藏暂停和拍照)

NIKE+ RUN CLUB

(国外)

显示:

距离-配速-心率-时间

可操作:

暂停(公里数为0是震动并闪烁提醒)-继续/结束-定位-拍照-音乐-锁屏(隐藏暂停和拍照、音乐)

ENDOMONDO

(国外)

显示:

时间-选择3项数据显示-启动后自动锁屏

可操作:

滑动解锁-暂停-继续/结束-定位

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

跑步后页面

APP

跑步后

悦跑圈

(国内)

记录(手动保存数据):

地图运动轨迹(运动范围,可虚化地理位置信息,只保留轨迹,用渐变颜色区分全程速度快慢)-全程距离-总计时间-其他详细数据 -分享(链接)

拉伸(3分钟视频)

NIKE+ RUN CLUB

(国外)

记录(手动保存数据):

配速波动图-其他详细数据-分享(图片)-自我评估

ENDOMONDO

(国外)

记录(自动保存数据):

最佳记录提醒(弹出,记录突破)

地图运动轨迹-数据总览-分享(图片)-天气-照片-图表分析-心率-标记朋友-备忘录

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

亮点

APP

亮点

悦跑圈

(国内)

防作弊

跑团,扩大社交

线上马拉松,打破以往马拉松赛事时间和空间局限

奖牌,增加用户的仪式感,可以制作成品邮寄给用户

运动记录轨迹可模糊地理位置 ,保护隐私

NIKE+ RUN CLUB

(国外)

NIKE品牌效应

“just do it sunday”全球社区五公里,提高用户积极性

急速跑,针对性训练模式

自动停止,用户静止时自动停止计时,减少用户操作成本

CLUB的全球性,可看到各国跑步爱好者发布状态

ENDOMONDO

(国外)

安德玛品牌效应

导航清晰,明确指向性,无多余操作

启动跑步后自动锁屏,跑步结束自动保存数据

会员定制服务,每次跑步数据分析后提供针对性锻炼计划

运动线路发现和创建,给不熟悉环境的跑者提供室外场地选择

实时追踪朋友,可收到朋友的鼓励语音

槽点

APP

槽点

悦跑圈

(国内)

页面内容冗杂

操作繁琐

NIKE+ RUN CLUB

(国外)

2016年下半年版本大更新后,整款app添加社交功能,老用户历史数据丢失,跑步后一页记录变为多页数据分析,新版本更新后丧失了许多老用户(附后页老版app页面)

国内只限于北京有跑团及活动,其他城市用户参与感低

ENDOMONDO

(国外)

系统整体反应慢

更多的数据分析采用会员制,国内用户并未养成付费体验习惯

有广告

小结

APP

小结

悦跑圈

(国内)

产品内容丰富,更加商业化

社交和娱乐性强

线上线下结合紧密,赛事活动丰富

奖励机制

NIKE+ RUN CLUB

(国外)

操作简单

页面简洁,数据更加直观

专业数据分析

国际化社交

ENDOMONDO

(国外)

针对会员用户,跑步数据分析更加精准

产品结构图

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

交互主页面

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

部分UI设计

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

2017最后一期·冬季精修小班即将开课

2018春季精修小班交互/UI设计学员招募已开启

关注公众号了解更多

往期文章(点击查看)

【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

原文始发于微信公众号(ARTUI用户体验设计中心):【ARTUI课程实录】跑步运动APP产品设计全记录——ARTUI用户体验设计学院

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码