一个专业易用的健身APP,要如何规划它的功能和UI? - 一个专业易用的健身APP,要如何规划它的功能和UI? -
亚洲城ca88,ca88唯一官网,ca888亚洲城唯一入口

亚洲城ca88,ca88唯一官网,ca888亚洲城唯一入口

优秀设计联盟-SDC-网-设计师交流学习平台-听讲座,聊设计,找素材,尽在网

菜单

一个专业易用的健身APP,要如何规划它的功能和UI?

2018/02/07in 评论区

  • 编辑 :
  • 作者 :
  • 阅读本文需 7 分钟

生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这类APP,用户将会更加科学地健身,提升身体素质。想要让健身类的APP足够靠谱,设计师需要在设计的时候,尽量让APP具备足够强大的解决问题的能力,那么在具体的UI和UX设计师,设计师要怎么做呢?今天的设计实战,我们就来了解一下这样一个APP的设计思路。

登录和个人页面

对于用户而言,这样的一个APP应该就是他口袋中的私人教练。它应该给用户以舒适感,能够个性化地呈现信息,所以设计师需要为用户配备一个实用性很强的个人页面。

在打开个人页面之前,用户通常都需要登录。为了更为便捷的登录,并且强化社交属性,允许用户使用社交媒体帐号进行登录,不过在用户创建帐号之后,允许他们进行个性化的调整。APP中通常会包含年龄,性别,体重,身高等基础的用户数据,用来界定用户的身体状况。通常,填写信息的表单会设计得和申请表类似,用户通过填写提交信息,随后根据不同的配置信息,个性化地呈现出来。

这款健身APP 的主要目标是帮助用户进行自我完善,个人信息不仅包含基本的个人数据,还应该包含相应的成就系统,比如每次运动卡路里的消耗、个人运动记录等信息。过滤非关键信息,将关键性的信息以信息图表的形式呈现,否则用户界面会看起来非常混乱。

主界面

任何APP都应该包含主界面,它是用户历程的起点。APP 主界面应该足够易用,它是整个产品的核心,也是承载产品导航功能的起始。

主界面应该可以帮助用户抵达不同功能、不同位置的页面,设计师可以采用多种不同的导航控件来实现这一点,顶部和底部导航,侧边栏导航,或者汉堡图标等等。根据产品功能、属性的差异,导航的设计也不尽相同。

活动界面

用户为了身体健康,往往会参加各种各样的健身活动,所以,这款健身APP 应当为用户提供跟踪一天当中所有活动的功能。为了充分利用UI界面的控件,设计师可以将不同类型的活动都汇集到这个界面当中。传统意义上,健身类APP 在计算日常运动量的时候,会采用两种不同的方式,一种是计算距离,一种是计算步数。

用户的活动信息非常适合使用信息图来展现,这使得不那么容易理解的数据被组织得更加清晰,更容易被理解。设计师常常会使用不同的图标来代表不同的活动,这使得界面更加清爽明了。

心率界面

心率是运动过程中,用户身体状况的重要指标。现如今,标准化的API使得APP 可以接入各种各样第三方的心率检测设备,这使得用户借助可穿戴设备获得健康数据之后,可以同APP进行同步并进行分析。而这款健身APP 中的心率界面的数据,可以从这些设备获得。

这个界面的整体设计应该是简约的,尽可能保留最核心的交互元素,确保用户可以轻松完成操作。由于心率相关信息通常数据量比较大,想要展示相关数据的时候,需要加载过程,相应的,应该搭配数据加载动画。如果要贴合主题,动画效果可以制作成心跳的插画。自定义插画和动效设计会让整个界面看起来更加精致,也使得心率的展现过程更具交互性。

睡眠跟踪界面

好睡眠是身体健康的标志。热衷于健身的用户对此应该深有体会,总会试图控制睡眠,确保时间和质量。所以,健身APP 将会在晚上搜集用户的睡眠数据,包括睡眠的时间和不同的阶段。通常,睡眠会被划分为4个不同的阶段,第一个阶段是入睡,第二个阶段是浅睡,第三个阶段是深睡,第四个阶段是延续深睡。搜集睡眠数据之后,在这个界面通过图表展现出来。

卡路里界面

在健身的过程中,卡路里是能量消耗和食物摄入的时候最常见的度量。如果你想要健康,控制食物摄入的热量,计算运动的消耗,都得依靠这一度量。所以,卡路里的界面是相当重要的组成部分。卡路里的信息可以集成到活动界面当中,不过,将卡路里单独出来制作成独立的界面,加上扩展信息,比如卡路里的摄入和消耗,会对用户更有用。

进度界面

为了保持用户的积极性,让他们“沉迷自我完善不可自拔”,是要让他们看到辛勤的健身运动有结果。而这个进度界面就是用来呈现的进展、成就的。同样的,使用信息图来呈现是个不错的选择。如果用户的身体状况有进展,能够通过进度界面展示出来。

日程界面

在不同的时间,不同的地点可有不同的健身活动。有了日程界面,用户可以更好的规划一下自己的日常活动进程。日程界面是标准化的,不过设计师可以加入一些有趣的图标来代表不同的运动。

目标界面

其实,用户健身的目标通常会比较明确,但是是各不相同的。有的用户想通过健身来减肥,有的则是增重,还有的用户是想通过健身来塑型的。想要达成不同的目标,用户的健身侧录和方案也是不一样的。有了明确的目标和清晰的方案,用户就能够通过量化的、可执行的每一个健身项目,来不断达成小目标,最终实现自己的健身目的。通过合理的奖励机制,用户会在不断前进的过程中获得成就感,设计中如果能融入一些游戏化的设计,效果会更好。

运动健身是需要持续进行才会有效果,这也使得这个健身APP的设计策略和细节需要非常用心才行。

【2018年设计趋势,一个都不要错过】

本文由网原创翻译,请尊重版权和译者成果,转摘请附上链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网:是旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:/keep-fit-ui-design

继续阅读与本文标签相同的文章

发表评论 加载中....

验证码加载中....

评论加载中....

底下还有哟~快放我们出去~
uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

评论就这些咯,让大家也知道你的独特见解 立即评论
以上留言仅代表用户个人观点,不代表立场

相关文章

关于我们

网(uisdc.com)是国内人气最高的设计师学习平台。2012年成立至今,一直专注于设计师的学习成长交流。目前正通过网站、微博、微信(ID:youshege)、各大社群为设计师提供高水准的行业设计讲座和领先的设计资讯分享。为设计师发声、替好作品说话,是平台的运营理念。想更全面了解或联系我们合作,欢迎访问。

我们的团队

微信

设计秘籍 一扫"掌"握!

                  官方 QQ 群:

Copyright © 2018 亚洲城ca88,ca88唯一官网,ca88手机版入口 -官方微信号:

UI sketch 转场动效 界面设计 平面设计 设计师 交互设计师 扁平化设计 排版布局 职场 设计师专访 素材下载 设计流程 用户体验设计 视觉设计 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 动效设计 设计趋势 psd下载 产品设计 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享

上周热门文章

热门专题

把好文章收藏到微信

打开微信,扫码分享
学设计 在这里