赞助商
立即赞助

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

UI设计3年前 (2021)更新 流光
2.4K 0 0

生活条件提升使大家于健康生活有了更多需求。健身类应用是帮助力求健康用户提升生活品质帮手。借助这类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的设计策略和细节需要非心才行。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

曾经有一位顾问,问亨利·福特(福特公司创始人),为什么他每年要付5万美元给一个每天大部分时间都把脚翘在办公桌上无所事事...
Eugen Eşanu
每个人都在关注趋势。Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品...
2018设计趋势
财务和金融相关的应用是一个相对专业的分支,在这个领域当中创造体验优异的设计并不是一件简单的事情。身为资深设计师Taras B...
App设计
编者按:这可能是一篇比较干、注重方法论的文章,是策略设计师 Janko Jovanovic 对于他多年工作经验的总结。我们常说的设计趋...
产品设计方法
作为设计师,你是否遇到过这些问题:一直都在做产品的体验优化设计,但怎么知道是否真的有所改进?有 A、B 两种设计方案,要...
入门
在设计的时候,各种视觉要素以有序的方式排列,设计师需要通过对各部分空间的精妙设置来实现这一点。通常而言,我们的目光总...
格式塔原理
一. 什么是「无障碍设计」,为什么它这么重要? 在这个多样化的世界上,并不是所有人都能毫无障碍、顺利地使用各种产品。 优...
弱势群体
@Fornever :豌豆荚在 2011 年引入了 Design Workshop 的方法论做产品设计,并使用这种方法设计出了如豌豆荚 2.0 的 Windows ...
用户体验