Hi,我是优设小编

chenzimu7

浏览全部 647 篇文章

到我的微博瞧瞧

一款真正让人专注的效率应用,应该这么设计

著名的演说家 Zig Ziglar 曾经说过:“也许你生而为赢,但是想要成为真的赢家,你必须为此而计划,为此而准备,并且为此而期待。”只有规划好我们每一天的生活,管理好每一个任务,才能向着成功和更好的未来迈进。关于如何卓有成效工作的书有很多,相关的文章、技巧、工具多不胜数,它们共同的观点是,好成效,源自于好的规划。所以,想要明智地分配时间和精力,做出合理的规划,设定明确的目标,规避干扰,高效地执行,你需要一个可靠的工具,来帮你规划好所有的待办事项。

而这就是来自 Tubik Studio 的iOS 应用 Upper APP 能帮你做到的事情:设定目标,规避干扰,规划任务,达成目标。作为一款效率类的iOS应用,Upper APP 在 Product Hunt 网站上获得了不少用户的关注,而今天的文章,我们来分享一下这款APP的设计过程。

任务

设计适用于iPhone 平台的驱动型效率应用,保持简约,UI/UX设计过程采用完整的设计周期。

设计思路

效率类应用的竞争是极为激烈的,Tubik Studio 设计团队是经过深思熟虑之后,才决定着手设计一款效率应用。通常情况下,为了覆盖尽可能广的受众,迎合多样化的需求,让产品保持多样性和个性化,是提升产品友好度的一种设计策略,这样就得允许用户选择喜欢的样式和特定的功能。当我们在设计 Toonie Alarm 这款应用的时候,就开始思考围绕这生产力来设计一款应用,它和Toonie Alarm 有着截然不同的设计,并且更加专注于效率和生产力的推动。

从UX 设计视角来看,界面的设计应该专注于简单的交互和直观的导航,而在UI设计的时候,应当围绕着可读性和视觉层次来做文章,用户要能够在任何环境下都能轻松使用这款应用。Tubik Studio 的设计师 Ernest Asanov 精通UI的视觉设计,在视觉风格设计上,选取了简约而优雅的解决方案。

功能选取

Upper APP 主要功能被定位在代办事项清单上,也就是我们常说的to do list ,在用户使用过程中,会专注于任务和完成期限上。这就是为什么它不会包含复杂的功能,不会使用过度的装饰,也不容易让人分心。它将只包含时间管理和任务管理的基本功能和元素。

  • APP中所有的功能都是免费的
  • 使用 Upper Streak Challenge 来驱动用户完成任务
  • 任务完成统计功能
  • 简单明了的导航
  • 轻松添加、删除和标记任务
  • 令人愉悦的动画效果
  • 与朋友即时分享成就

设计和布局

交互:整个APP的功能是围绕着帮助用户便捷地创建任务清单来进行的,用户可以针对特定的时间和日期来制定任务,可以轻松的删除、标记和完成。此外,Upper 会分析任务的完成度并且统计信息,保持用户更新和完成的动力。简约的UI设计让排版清晰、可读,允许用户在任何环境下是使用。

常用的按钮被置于屏幕的底部,大尺寸屏幕下用户也可以轻松地的点击到。用户可以采用不同方向的滑动手势来删除和标记完成特定的任务,而核心的信息诸如日期、最近几天的任务等,都用大写的、大字号字体置于顶部,整个布局在视觉层次上清晰,同时在细节上保持着高度的一致性。

Upper Streak:这是 Upper APP中原创的功能,它是用来驱动用户不断完成任务的挑战,提升任务的总体完成度、提升用户效率、挖掘用户潜力。Streak 挑战将会记录用户完成任务的时效周期,并且通过计算提出评估数值,让你可以通过不停地完成任务来完成成就,驱动你前进。这种类似游戏化设计的策略,增加了用户组织和完成任务的动力。

色彩和风格:整个APP的UI布局优雅、简约,目的是为了创建出高效可执行的功能,以及直观可用的导航。更重要的,它为用户提供了几种可供选择的配色主题,内置的黑色系、白色系和红色系三种配色主题覆盖了多数用户的偏好需求。目前所推出的Upper App还处于早期阶段,仅仅只有黑色系一种主题。下一次大版本更新之后,你将会看到之前所说的三种主题。

友好的导航和微妙的动效结合起来,在不干扰用户正常使用的前提下,带来足够优秀的体验,帮助用户更好地专注于他们的任务。没有广告,没有障碍,没有多余的内容,没有让用户分心的东西。Upper APP当中还提供了简单的日历,便于记录、统计。

现在你可以在 App Store 中搜索 Upper APP找到 Tubik Studio 的这款应用。

【这些设计实战同样来自Tubik Studio】

  1. 《富有未来感的柏林之夜APP,是这样设计出来的》
  2. 《设计实战!城市指南网站着陆页是这样设计出来的》
  3. 《这款给医生的专业APP,设计上有着怎样不同的要求?》
  4. 《帮你策划盛大婚礼的APP,设计思路是这样的》
  5. 《这款面向大众的理财APP,设计过程是这样的》

原文地址:uxplanet
原文作者:Tubik Studio
优设译文:@陈子木


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

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

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

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/case-study-upper-app