4、原型设计
1)首页
首页的主要交互元素有3个:顶部的下拉菜单、我的工作列表、+。
工作列表中有一个默认任务“我的工作”。点击顶部的下拉菜单(笔的形状),可以添加新任务,新的任务依次放置在“我的工作”下方。对于每一个任务右侧都有一个“+”,点击它可以向该任务添加子任务。
把下拉菜单设置在页面上方,与底部的任务列表首尾呼应,方便用户理解与操作。
首页的次要交互元素有:设置、选择排序方式(按创建时间排序、按任务排序)。
对于第一次使用MyWork的用户,首页会通过banner展现2个页面:引导用户使用相应的功能。
2)添加任务
添加任务时可以选择个性化颜色,并设置任务的名称。整个操作简单、易懂,用户可以很快的按照自己的需求,创建新任务。
这里有一个过场动画效果,当添加任务的菜单下拉时,“笔形状图标”要转化成“x”,表示当前窗口可以由用户关闭。关闭时需要缓存用户已经编辑的信息,方便用户再次使用。
任务编辑完成后,通过键盘的回车键确认。
3)任务列表&详情页
点击某条任务后,会隐藏其他任务,只显示当前任务页面,为用户提供开阔的视线。
当前任务页面包括子任务列表,子任务列表中包含子任务名称和截止时间倒计时。
4)添加子任务
点击任务列表中的“+”或者任务详情页中的“+”,都可以添加子任务,整个过程与添加任务类似。
5)完成子任务
本软件的一大特色就是:完成任务后不直接删除,而是进入到完成状态,然后再由用户自行决定是否删除。
在任务详情页,如果某个子任务已经完成,用户可以“撕掉”子任务的倒计时,然后该子任务就会自动被排列到子任务列表的最底部,表示已经完成了。
删除子任务的时候只需向左滑动即可,与IOS系统操作方式相同,用户易于使用。