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

2017/09/14 7126

著名的演说家 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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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