一、深澤直人的“無意識設計”

Clear這款產品，無處不萌發著一股無意識設計的味道，用戶進來之后，看到一個沒有任何按鈕的list界面，之后任何下意識的手勢操作，都對應著合理的引導，比如點擊列表看詳情、點擊空白新建條目;比如下拉列表之后，會出現pull to creat list的提醒，松手就可以新建list;比如猛拉列表之后，會出現switch to menu的提醒，松手就可以回到menu列表;比如在列表上從左到右滑動完成待辦事項，從右到左滑動刪除待辦事項;比如長按列表項就可以挪動位置……這些，都是用戶直覺反應下會去探索和執行的操作。

“無意識設計”(Without Thought)，又叫“直覺設計”，是深澤直人首次提出的一種設計理念，即：“將無意識的行動轉化為可見之物”。設計是為了滿足人的生活需求，而非顛覆，設計是方便人的生活方式，而非復雜。因此，好的設計必須以人為本，注重人的生活細節，方便人的生活習慣，使設計讓生活更美好。特別是在手機產品設計高度發達的今天，很多設計師力圖否定約定俗成的設計，用自己的思想創造一種新的生活方式，這樣就無形中加重了人們的“適應負擔”，“無意識設計”并不是一種全新的設計，而是關注一些別人沒有意識到的細節，把這些細節放大，注入到原有的產品中，這種改變有時比創造一種新的產品更偉大。

二、特殊的層級導航設計

Clear的導航模式很有意思，沒有標簽頁，沒有選項卡，沒有按鈕，完全依賴手勢操作。

首先讓我們來看看Clear的層級結構——

如圖所示，Clear大概分三個層級，Menu——>Lists——>Items，這三個層級分別是三個獨立界面，利用手勢向下滑動，回到上一層級，利用手勢向上滑動，回到上一層級。

如圖所示，Clear沒有采用iPhone標準的Navigation Bar導航，而是利用手勢下拉回到上一層級，這種交互方式比較新穎，也符合心智模型，但是僅僅適合層級關系較少(3個之內)，結構清晰簡單的應用。#p#

三、對移動端特性的充分利用

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的配色方案。#p#

四、空白界面的文藝范

如果用戶沒有添加任務的時候，Clear會幫你內置一些教程，幫助你快速學習Clear的使用方法，這已經是目前比較常見的一種用戶引導方式了。

但當你把吧教程全部刪除掉，或者當你新建了一個list，里面還沒有任何items的時候，Clear就會精心處理這些界面了。

Clear內置了非常多的名言警句，利用一種隨機算法出現在用戶會遇到的空白界面上，緩解用戶遇到空白界面的挫敗感，增強產品性格，提升文藝范。#p#

五、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分別指派給不同的人，就變成了協同待辦。