乱花渐欲迷人眼的待办事项工具

　　一、深泽直人的“无意识设计”

　　clear这款产品，无处不萌发着一股无意识设计的味道，用户进来之后，看到一个没有任何按钮的list界面，之后任何下意识的手势操作，都对应着合理的引导，比如点击列表看详情、点击空白新建条目;比如下拉列表之后，会出现pull to creat list的提醒，松手就可以新建list;比如猛拉列表之后，会出现switch to menu的提醒，松手就可以回到menu列表;比如在列表上从左到右滑动完成待办事项，从右到左滑动删除待办事项;比如长按列表项就可以挪动位置……这些，都是用户直觉反应下会去探索和执行的操作。

　　“无意识设计”(without thought)，又叫“直觉设计”，是深泽直人首次提出的一种设计理念，即：“将无意识的行动转化为可见之物”。设计是为了满足人的生活需求，而非颠覆，设计是方便人的生活方式，而非复杂。因此，好的设计必须以人为本，注重人的生活细节，方便人的生活习惯，使设计让生活更美好。特别是在手机产品设计高度发达的今天，很多设计师力图否定约定俗成的设计，用自己的思想创造一种新的生活方式，这样就无形中加重了人们的“适应负担”，“无意识设计”并不是一种全新的设计，而是关注一些别人没有意识到的细节，把这些细节放大，注入到原有的产品中，这种改变有时比创造一种新的产品更伟大。

　　二、特殊的层级导航设计

　　clear的导航模式很有意思，没有标签页，没有选项卡，没有按钮，完全依赖手势操作。

　　首先让我们来看看clear的层级结构——

　　如图所示，clear大概分三个层级，menu——>lists——>items，这三个层级分别是三个独立界面，利用手势向下滑动，回到上一层级，利用手势向上滑动，回到上一层级。

　　如图所示，clear没有采用iphone标准的navigation bar导航，而是利用手势下拉回到上一层级，这种交互方式比较新颖，也符合心智模型，但是仅仅适合层级关系较少(3个之内)，结构清晰简单的应用。

　　三、对移动端特性的充分利用

　　1.乱花渐欲迷人眼的手势操作

　　clear的最大特色，就是“无按钮”，依赖手势完成全部的操作，这在pc端是不可想象的，在按键手机上也是无法实现的，但是在触屏机上，这种交互形式成为可能，成为亮点，甚至成为卖点。让我们来拆解一下clear对手势的利用——

　　最基本的点击(tap)手势，对应查看、编辑和新建;拖拽-滑动(drag-flick)手势，对应新建及层级切换;长按拖拽(touch and hold-drag)既可以调整待办事项的顺序;两指捏合(pinch)手势，对应回到上一级界面;两指扩张(spread)手势，对应在两个条目中新建事项。

　　clear还未用到的手势包括双击(double tap)、两指旋转(rotate)、两指拖拽(2 finger drag)等，这些未用到的手势对用户来说学习成本就比较高了，不过相信随着clear不断完善丰富自己的功能，也会考虑为高端用户提供更复杂更便捷的手势操作。

　　手势设计，本就具有隐蔽性高、需要学习、需要记忆、预防误操作等等问题，尽管clear努力将所有的手势与用户的直觉和无意识动作结合起来，某些手势仍然具有一些问题，比如——

　　轻微下拉和猛力下拉，拉动的距离不可见，比较容易误操作，经常想回到上一级的时候会执行了新建操作

　　下拉手势与ios的下拉唤醒system notification bar冲突

　　当列表满了的时候，无法在最下边新建一个条目

　　这两个问题不能很好的解决的话，还是比较影响用户简洁高效的完成操作的。

　　2.曼妙可人的声音阶梯

　　clear对声音的利用，跟tweetbot有的一拼了。tweetbot因为采用金属质感的界面合计，所以对应的声音都是很机械化的金属音，让用户的操作反馈变得更加立体。而clear因为采用了渐变色、长列表层级结构的设计，所以声音反馈也巧妙的采用了声音阶梯，具体是手风琴，还是口风琴，我的耳朵没听出来，不过真的很曼妙，让人忍不住经常在几个界面之间拉来拉去。

　　新建的时候是趣味的冒泡音，删除的时候是刷子音;依次选择完成的时候，是六个一组有规律的音阶;依次取消完成的时候，先是四个一组有规律的音阶，之后就是同样的声音反馈了。

　　我只能说，clear的设计师，很用心，把声音处理的美妙绝伦。

　　3.用渐变色来体现重要程度

　　clear的配色足以让人眼前一亮，渐变色让人感受到色彩的跳跃，比iphone单一的列表要活泼的多，同时色彩的深浅也对应了事项的重要程度，可谓用心良苦。

　　默认lists列表是蓝色渐变，items列表是红色渐变，用户还可以在设置中改变配色方案，改成粉色、绿色、灰色，装了tweetbot的用户还可以选择tweetbot的配色方案。

　　四、空白界面的文艺范

　　如果用户没有添加任务的时候，clear会帮你内置一些教程，帮助你快速学习clear的使用方法，这已经是目前比较常见的一种用户引导方式了。

　　但当你把吧教程全部删除掉，或者当你新建了一个list，里面还没有任何items的时候，clear就会精心处理这些界面了。

　　clear内置了非常多的名言警句，利用一种随机算法出现在用户会遇到的空白界面上，缓解用户遇到空白界面的挫败感，增强产品性格，提升文艺范。

　　五、clear的改进建议

　　1.手势的改良

　　既然clear是以手势取胜的，就先说说手势，前文也提到了clear在手势设计时遇到的一些问题，这里我的设计建议就是：

　　(1)关于下拉手势的冲突

　　ios5的system notification bar是可以下拉显示的，当应用默认全屏的时候，ios5为了预防误操作，是下拉会先显示system bar的小把手，再拉小把手才显示system notification bar。那么当用户下拉界面的时候，如果触发了ios5的system bar，只要同时触发clear的新建操作就可以了，这样就算是误操作，也不会影响正确的流程。

　　(2)关于新建列表最低端的条目

　　只需要增加一个上拉列表新建最底下的条目就可以了

　　(3)关于轻微下拉和猛力下拉

　　建议clear增加flick手势的精准判断，flick down应该可以直接回到上一级了，而目前flick down和drag down还会经常误判。只要能清晰的判断flick和drag手势，用户只需快速的拨动，就可以做层级切换，而不需要滑动很长一段距离。

　　(4)增加鼠标手势

　　其实一些pc浏览器中的鼠标手势，还比较适合手机端，海豚浏览器算是这方面的先行者。clear可以考虑增加鼠标手势，用户在界面上写个“l”，就可以回到上一级，写个“o”，就可以打开任务详情，写个“e”，就可以编辑任务详情……

　　甚至可以增加摄像头捕捉手势，这样用户的手都不需要触控屏幕，只需要食指在摄像头前方做一些动作，就可以操控应用跳转，具体例子见“口袋体检”测心率的例子。

　　2.功能的建议

　　(1)可以增加时间线

　　目前的待办事项还没有时间维度，今日待办、明日待办、收集箱、按日历查看，这些都还没有。因为clear有很好的手势操作，又是一个长列表，增加时间线不是难事。

　　(2)社会化待办

　　可以增加关系维度、分享维度，把自己的待办分享到社交网络上，邀请朋友一起完成。可以是任务分配至，一个lists里有多个items分别指派给不同的人，就变成了协同待办。