[优秀App分析] App Store年度精选第一弹 · Fabulous

Fabulous-App Store年度精选App，荣登App Store首页推荐文章“App改变生活-帮你做更好的自己”，及文章“年度趋势-用App关爱自己”，在一众健康生活类App中杀出重围。

不同于一般的提醒小贴士的“妈妈类”关爱生活App，Fabulous功能简洁，角度精准，设计感极强，在满足用户需求的同时，凭借清爽的UI，自然舒畅的交互，给用户（就是我(*^▽^*)）带来绝妙的使用感受。

下面，我将从交互和设计的角度，简单分享一下这个App究竟妙在哪里👏

· 首页-任务列表 ·

【 功能详解 】

主页以时间维度划分了任务清单。如果添加了多个任务，将以时间顺序，由上向下排，形成时间轴。第一个卡片上面的“08:00”就是这个任务的提醒时间。

“他日”是指你添加了这个任务，但是今天并不需要完成它。这里包含两种情况，一是你没有给这个任务设置提醒时间，二是你设置的时间不包括今天。图中对应的是第一种情况，点击“启动闹钟”就可以给任务设置一个提醒的时间。

【 交互亮点 】

首先，卡片的状态交代得很清楚，完成的任务，会在卡片上打勾✔️。

其次，每个卡片的背景都是精心设计的插画，每个任务对应的icon都很精致，卡片的间距呼吸感掌握得很好，所有细节都这么用心那看起来就是舒服啊~

最后，也是很重要的一点，在这个页面上点击每个按钮，都是打开“弹窗”，而非“跳转到新页面”，这有一个好处就是层级清晰，我可以很明确地知道哪个才是主要界面，意识到出现的弹窗都是二级的轻量操作。而且弹窗里的交互也很简单，整体上给人的感觉就是“轻量”“小而美”。下面就来看看这几个弹窗吧。

· 任务详情 ·

【 功能详解 】

页面最上方先介绍任务的基本信息（封面、提示时间、任务时长）。

之后是任务列表，表头（也是导航栏）标明了任务的数目和对应的日期，点击“<”可以查看前几天的任务与完成情况，也可以添加任务、设置提醒时间。

再往下看，便是整个弹窗内最明显的行动指引，一个大大的粉红色按钮“启动”，点击后进入任务执行页面，跟随App的引导一步步完成你的所有任务。此处声明一下，我觉得这个App做得最棒的一点，就是每一步的指引清晰，行为按钮明确，用户很清楚自己应该做什么，应该点哪里，而且点下去绝对没有错，和心理预期一模一样，这一点在后面的界面中也会再次得到印证。

当然，如果你已经完成了这些任务，不需要按照App的指引一步步执行，也可以直接点击列表上的○打勾。

· 执行任务 ·

【功能详解】

执行任务的页面非常的美观，精美的插画上加蒙层展示具体的任务信息。先是用一句话描述了一下任务：“每次经过饮水机时，都喝一小杯水”，这句文案会随机变化。

下面展示打卡的天数，如图“三-四-今天”，意味着我周三（前天）、周四（昨天）都打过卡了。

再之后，是一个倒计时，给任务一个执行的时间，其实这个功能只是一个提示，即使计时没结束，也依然可以打勾完成任务。

页面的最下方，是所有行动按钮的聚集地，也是对任务的三种操作：“完成”“跳过”“打盹”。中间最明显的✔️就不用多言了，表示这个任务我完成了，点击后进入下一个任务的执行。而“跳过”和“打盹”说实话不是很好区分，我目前理解为，“打盹”表示我现在不做这个任务，一会儿再做，“跳过”表示我今天就不做这个任务了╭(╯^╰)╮。

完成任务后，会有一个“成就页”。

当你只完成了部分任务，也就是有选择过“打盹”或“跳过”，则会如上面的左1图所示，进度条未全满，授予的勋章内是一个赞👍。

当你完成了全部任务，那么勋章内会显示连续打卡的天数，底部按钮的颜色和文案也变得更加积极，并且有一句文案激励你坚持下去。（第一天打卡时让我坚持3天，现在坚持满3天了，就开始引导我坚持5天...😆）

由以上对比可以看出，即使没有完成全部任务，App给出的页面还是比较积极的，是用“激励”的方式引导用户完成任务，而不是批评督促，等到完成全部任务后，用户会得到更大的鼓励与赞赏，感到~满~满~的~正~能~量！

如果已经完成了任务，想要点击对勾取消完成状态，那是不！可！以！的！具体为什么，可以参看上图右1，弹窗里说的很明白，语气温和，对话般的文案让阅者十分舒适。

· 记录 ·

上图左1是整体任务路线，App为你安排了如何一步步走向健康生活，需要每个环节逐步解锁。纵向为时间轴，横向箭头引导点击。

点击后进入左2图，以卡片的形式列出了这一环节内的所有任务，并标明你今天是否完成了这些任务，整体进度如何。

点击左2图的卡片，进入左3图，为你详细介绍这个任务需要做些什么，你完成了几步。全部完成后会有撒花鼓励！

同时也可以看到，左1图为主页面，点击后都是进入弹窗展示内容，而非跳转到新页面，在弹窗中手指向下划，就可以关闭弹窗，如之前所说，给用户的体验就是“轻量”“轻量”“轻量”！

好了，啰里吧嗦这么多，希望可以把这个App的亮点呈现出来了。其实还有很多其他界面，同样精彩值得学习，但就不在此一一赘述了。😝初入茅庐，学艺不精，请多指教！