产品 2018年02月7日
0 收藏 195 点赞 228 浏览 2399 个字
摘要 :

生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这类APP,用户将会更加科学地健身,提升身体素……

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

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

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

登录和个人页面

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

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

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

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

主界面

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

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

活动界面

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

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

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

心率界面

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

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

睡眠跟踪界面

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

卡路里界面

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

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

进度界面

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

日程界面

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

目标界面

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

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

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

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

  1. 《2018年,这10个LOGO设计趋势值得你关注》
  2. 《超全面总结!2017年UI设计领域流行过这21个设计趋势》
  3. 《掌握这12个移动端UX设计趋势,你就掌控了2018年》
  4. 《这款独特的紫色,是为你指引2018年设计方向的年度潘通色》

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

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

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

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/53659.html

相关推荐
推荐
如何让设计转化更高?大厂高手总结了这5个知识点!
经济的发展造成的消费导向变化,具体表现为“以消费为目的”到“通过消费过更好的生活”。影响用户线上转化的维度看似很多。仔细的研究发现完全有规律…
日期:2022-04-20 点赞:161 阅读:432
最新
万字读书笔记!产品设计宝典《上瘾》全面解读(下)
《上瘾》这本书从大量的实验案例调研中,总结出那些让用户上瘾的产品设计原则,最后提炼出了一个让用户上瘾的模型,读完以后,真的恍然大悟,原来习惯…
日期:2022-04-20 点赞:224 阅读:664
优质
华为高薪招聘的「UX文案设计」,5个阶段帮你进阶掌握!
在了解了人物性格语气的重要性以及在大厂中的应用场景之后,大家一定很关心,要如何在自己的业务中从 0 开始创建文案的人物性格语气呢?下面会结合…
日期:2022-04-19 点赞:210 阅读:209
精选
当 3D 成为未来!如何成为沉浸式体验设计师(下)
继续话题,“你好,沉浸式体验设计师”的第二与第三部分。曾在第一篇当中提到后两部分不做全译,因对我个人而言稍稍涉及敏感,相关部分跳过(上下文中…
日期:2022-04-17 点赞:30 阅读:520
优秀
有哪些看似有用,实则毫无效果的调研问卷题目?
我去年做过一次关于敏捷开发的问卷,其中 2 个问题是: 结果发现,很多用户先是选择「非常熟悉,团队使用标准的敏捷开发」,后面又选择「借鉴其理…
日期:2022-04-16 点赞:10 阅读:330
佳选
万字读书笔记!产品设计宝典《上瘾》全面解读!(上)
为什么人们每天都会刷朋友圈、刷抖音,而且一刷就是几个小时,根本停不下来?像微信、抖音这样的现象级产品又是怎么设计出来的,是巧合吗,还是这样会…
日期:2022-04-15 点赞:58 阅读:854
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站