时间管理APP设计经验总结
年前一次改稿——Coves-番茄钟APP的重设计,以下是个人观点,欢迎大家评论意见。
前言
本人对该APP进行重设计的理由如下:
1、2017这一年参与的项目有几个,但还没接手过完整的项目,所以就自己创造机会,在年前做一个重设计项目,来增强自己的产品设计思维等能力,在不断的尝试之后让自己收获更多。
2、该APP是当时对番茄钟时间管理很感兴趣的时候下的,同时也下过好几个相关APP,觉得颜值该APP算是很高的,而且功能也很全,但个人认为还有些需改进的地方,于是就开始了交互UI的重构设计。
设计背景及要求
参考现有Coves-番茄钟APP的功能,对APP的UI/UE进行合理的重新设计。
Coves-番茄钟是基于番茄工作法结合任务管理,记录每日活动的app。为专注工作和学习而设计,提高工作学习效率和保持专注,进而帮助用户掌握记录时间和养成习惯,告别拖延症。
根据设计背景及要求,对产品进行评估,用“用户痛点”、“核心用户”、“市场竞品”分别解决三个不同维度的问题。
产品要解决的问题是什么?

为谁解决这些问题?

同类产品有哪些?

以上列举的是部分市场竞品。以上不难看出首页直接进入番茄钟计时界面的APP居多,一般这种新式的产品功能比较简单。和Coves有点类似的是番茄清单,可添加多个任务,两者的区别是番茄清单是临时的任务,类似清单;Coves的是可重复使用的任务,类似目标习惯。
总结:Coves-番茄钟APP的目的是让用户集中精力完成事件,排除干扰,合理安排休息时间的方式,使用户能更有效率、更健康的完成事件。
APP功能梳理
现有的Coves APP功能:待办任务,番茄钟,倒计时,时间累计,白噪音,任务时间数据分析展示,个性化设置等。能得到每日、每周和每月的统计结果, 用表格和图形展示。

在功能逻辑的改进
1、将新建任务里的时间类型选择提出,默认为番茄钟。这么做的考虑有两点:
* Coves是番茄工作法结合任务管理,默认时间类型为番茄钟符合逻辑;
* 新建的任务是重复使用的,所以需要宽泛性,减少用户修改。由于环境不同,场景不同,同个任务需要三个时间类型切换,让用户不断修改会显操作麻烦。

2、将历史中的成就移到统计版块里的理由
* 成就的内容是:使用次数,总时间,创建任务数量,时长最长、使用最多,单次最长任务。这些属于统计的范畴,所以放在统计板块更合适。
视觉UI设计分析
首页/任务

导航栏处的“任务“改成了当天日期, 可以让用户更合理的安排时间。

操作指南单独列出的考虑:手势操作较简单,单独列出更加直观。

将任务的空心图标换成实心图标:这些图标源于生活,延续物体原本含义,识别速度取决于色彩和形状对视觉的吸引程度,图标更容易识别和区分。

在功能上,正计时、倒计时设置放在右划的操作上。

交互动效示意如下:

新建任务

点击和滑动,用户一般更倾向后者,所以颜色选择采用滑动形式。

选择图标的方式:采用滑动的方式,减少用户经过二次点击才能选择图标。

交互动效示意如下:

统计页面

比例和趋势间的切换移到与时间同行的位置,样式在比例和趋势的页面形成统一。然后将成就图标放在右上角。

比例图示还是用传统的样式,这样的考虑是:占比更加直观,另外可以展示4项以上项目。

原处的图标和数字间的距离太大,显得关联性不够,所以适当缩小两者间的间距。按图标进行比例占比,所以一个图标也会有很多不同项目,所以设计点击图标或数字后展开所含不同任务的占比。

趋势展示的修改是:将时间移到中间可查看各个任务所用时间。

交互动效示意如下:

icon图标
标签栏icon

其他icon

任务icon

页面展示






































