4、原型设计

1）首页

首页的主要交互元素有3个：顶部的下拉菜单、我的工作列表、＋。

工作列表中有一个默认任务“我的工作”。点击顶部的下拉菜单（笔的形状），可以添加新任务，新的任务依次放置在“我的工作”下方。对于每一个任务右侧都有一个“＋”，点击它可以向该任务添加子任务。

把下拉菜单设置在页面上方，与底部的任务列表首尾呼应，方便用户理解与操作。

首页的次要交互元素有：设置、选择排序方式（按创建时间排序、按任务排序）。

对于第一次使用MyWork的用户，首页会通过banner展现2个页面：引导用户使用相应的功能。

2）添加任务

添加任务时可以选择个性化颜色，并设置任务的名称。整个操作简单、易懂，用户可以很快的按照自己的需求，创建新任务。

这里有一个过场动画效果，当添加任务的菜单下拉时，“笔形状图标”要转化成“x”，表示当前窗口可以由用户关闭。关闭时需要缓存用户已经编辑的信息，方便用户再次使用。

任务编辑完成后，通过键盘的回车键确认。

3）任务列表&详情页

点击某条任务后，会隐藏其他任务，只显示当前任务页面，为用户提供开阔的视线。

当前任务页面包括子任务列表，子任务列表中包含子任务名称和截止时间倒计时。

4）添加子任务

点击任务列表中的“＋”或者任务详情页中的“＋”，都可以添加子任务，整个过程与添加任务类似。

5）完成子任务

本软件的一大特色就是：完成任务后不直接删除，而是进入到完成状态，然后再由用户自行决定是否删除。

在任务详情页，如果某个子任务已经完成，用户可以“撕掉”子任务的倒计时，然后该子任务就会自动被排列到子任务列表的最底部，表示已经完成了。

删除子任务的时候只需向左滑动即可，与IOS系统操作方式相同，用户易于使用。