ARTUI用户体验设计学院-湖南长沙UI设计|长沙交互设计|长沙UI培训|长沙交互培训 ARTUI用户体验设计学院-湖南长沙UI设计|长沙交互设计|长沙UI培训|长沙交互培训 ARTUI用户体验设计学院-湖南长沙UI设计|长沙交互设计|长沙UI培训|长沙交互培训 ARTUI用户体验设计学院-湖南长沙UI设计|长沙交互设计|长沙UI培训|长沙交互培训
  • 首页
  • 师资力量
  • 学员作品
  • 课程介绍
  • 学员专访
  • 公开课
  • 常见问题
  • 往期瞬间
  • 软件
    • 资讯
  • 关于
ARTUI用户体验设计学院-湖南长沙UI设计|长沙交互设计|长沙UI培训|长沙交互培训 ARTUI用户体验设计学院-湖南长沙UI设计|长沙交互设计|长沙UI培训|长沙交互培训
  • 首页
  • 师资力量
  • 学员作品
  • 课程介绍
  • 学员专访
  • 公开课
  • 常见问题
  • 往期瞬间
  • 软件
    • 资讯
  • 关于
11月 06

【ARTUI课程实录】跑步运动APP产品设计全记录

ARTUI用户体验设计学院

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


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


需求

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


功能

1. 跑步(步行、骑行)

  • 跑步流程

  • 数据记录

  • 排行榜

  • 跑步历史与训练数据


2.活动/赛事

  • 活动列表

  • 活动详情

  • 报名活动

  • 活动排行榜


3.动态

  • 分析跑步数据

  • 分享活动

  • 分享跑步心情


参考竞品

 

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

跑步中

悦跑圈

(国内)

显示:

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

可操作:

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

NIKE+  RUN CLUB

(国外)

显示:

距离-配速-心率-时间                                        

可操作:

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

ENDOMONDO

(国外)

显示:

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

可操作:

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

ARTUI用户体验设计学院


跑步后页面

APP

跑步后

悦跑圈

(国内)

 记录(手动保存数据):

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

  拉伸(3分钟视频)

NIKE+  RUN CLUB

(国外)

记录(手动保存数据):

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

ENDOMONDO

(国外)

记录(自动保存数据):

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

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

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用户体验设计学院


交互主页面


ARTUI用户体验设计学院


ARTUI用户体验设计学院

  

ARTUI用户体验设计学院


ARTUI用户体验设计学院


ARTUI用户体验设计学院



部分UI设计


ARTUI用户体验设计学院


ARTUI用户体验设计学院

ARTUI用户体验设计学院


ARTUI用户体验设计学院

ARTUI用户体验设计学院

ARTUI用户体验设计学院

ARTUI用户体验设计学院

ARTUI用户体验设计学院

ARTUI用户体验设计学院

ARTUI用户体验设计学院

ARTUI用户体验设计学院

ARTUI用户体验设计学院


ARTUI用户体验设计学院




ARTUI用户体验设计学院


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


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


关注公众号了解更多



往期文章 (点击查看)

  • ARTUI往期学员优秀作品展示(高清大图)

  • 活动实录: 第三届湖南用户体验设计公开课【含课件PDF】

  • 长沙UI设计师/交互设计师集训营(冬季班)学员召集中 

  • 第三届湖南用户体验设计公开课报名啦

  • 第四期WorkShop免费试听课《优化产品体验新思路》


ARTUI用户体验设计学院

Comments are closed.


UI/UX课程微信报名咨询

联系我们

湖南长沙岳麓区奥克斯广场国际公寓A座32楼3217 Phone: 189-7587-2536‬ E-Mail: hello@artui.cn Web: http://www.artui.cn

咨询与报名

湖南长沙岳麓区奥克斯广场国际公寓A座32楼3217 Phone: 189-7587-2536‬ E-Mail: hello@artui.cn Web: http://www.artui.cn

湖南无限创想网络科技有限公司

统一社会信用代码 91430105MA4L654996

湘ICP备17001479号

湘公网安备 43010402000168号

ARTUI用户体验设计学院,ARTUI官网,长沙UI培训班,长沙UI设计