一、深澤直人的“無意識設(shè)計(jì)”

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

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

二、特殊的層級導(dǎo)航設(shè)計(jì)

Clear的導(dǎo)航模式很有意思，沒有標(biāo)簽頁，沒有選項(xiàng)卡，沒有按鈕，完全依賴手勢操作。

首先讓我們來看看Clear的層級結(jié)構(gòu)——

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

如圖所示，Clear沒有采用iPhone標(biāo)準(zhǔn)的Navigation Bar導(dǎo)航，而是利用手勢下拉回到上一層級，這種交互方式比較新穎，也符合心智模型，但是僅僅適合層級關(guān)系較少(3個之內(nèi))，結(jié)構(gòu)清晰簡單的應(yīng)用。#p#

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

1.亂花漸欲迷人眼的手勢操作

Clear的最大特色，就是“無按鈕”，依賴手勢完成全部的操作，這在PC端是不可想象的，在按鍵手機(jī)上也是無法實(shí)現(xiàn)的，但是在觸屏機(jī)上，這種交互形式成為可能，成為亮點(diǎn)，甚至成為賣點(diǎn)。讓我們來拆解一下Clear對手勢的利用——

最基本的點(diǎn)擊(Tap)手勢，對應(yīng)查看、編輯和新建;拖拽-滑動(Drag-Flick)手勢，對應(yīng)新建及層級切換;長按拖拽(Touch and Hold-Drag)既可以調(diào)整待辦事項(xiàng)的順序;兩指捏合(Pinch)手勢，對應(yīng)回到上一級界面;兩指擴(kuò)張(Spread)手勢，對應(yīng)在兩個條目中新建事項(xiàng)。

Clear還未用到的手勢包括雙擊(Double Tap)、兩指旋轉(zhuǎn)(Rotate)、兩指拖拽(2 Finger Drag)等，這些未用到的手勢對用戶來說學(xué)習(xí)成本就比較高了，不過相信隨著Clear不斷完善豐富自己的功能，也會考慮為高端用戶提供更復(fù)雜更便捷的手勢操作。

手勢設(shè)計(jì)，本就具有隱蔽性高、需要學(xué)習(xí)、需要記憶、預(yù)防誤操作等等問題，盡管Clear努力將所有的手勢與用戶的直覺和無意識動作結(jié)合起來，某些手勢仍然具有一些問題，比如——

• 輕微下拉和猛力下拉，拉動的距離不可見，比較容易誤操作，經(jīng)常想回到上一級的時候會執(zhí)行了新建操作
• 下拉手勢與IOS的下拉喚醒System Notification Bar沖突
• 當(dāng)列表滿了的時候，無法在最下邊新建一個條目
• 這兩個問題不能很好的解決的話，還是比較影響用戶簡潔高效的完成操作的。

2.曼妙可人的聲音階梯

Clear對聲音的利用，跟Tweetbot有的一拼了。Tweetbot因?yàn)椴捎媒饘儋|(zhì)感的界面合計(jì)，所以對應(yīng)的聲音都是很機(jī)械化的金屬音，讓用戶的操作反饋?zhàn)兊酶恿Ⅲw。而Clear因?yàn)椴捎昧藵u變色、長列表層級結(jié)構(gòu)的設(shè)計(jì)，所以聲音反饋也巧妙的采用了聲音階梯，具體是手風(fēng)琴，還是口風(fēng)琴，我的耳朵沒聽出來，不過真的很曼妙，讓人忍不住經(jīng)常在幾個界面之間拉來拉去。

新建的時候是趣味的冒泡音，刪除的時候是刷子音;依次選擇完成的時候，是六個一組有規(guī)律的音階;依次取消完成的時候，先是四個一組有規(guī)律的音階，之后就是同樣的聲音反饋了。

我只能說，clear的設(shè)計(jì)師，很用心，把聲音處理的美妙絕倫。

3.用漸變色來體現(xiàn)重要程度

Clear的配色足以讓人眼前一亮，漸變色讓人感受到色彩的跳躍，比iPhone單一的列表要活潑的多，同時色彩的深淺也對應(yīng)了事項(xiàng)的重要程度，可謂用心良苦。

默認(rèn)Lists列表是藍(lán)色漸變，Items列表是紅色漸變，用戶還可以在設(shè)置中改變配色方案，改成粉色、綠色、灰色，裝了Tweetbot的用戶還可以選擇Tweetbot的配色方案。#p#

四、空白界面的文藝范

如果用戶沒有添加任務(wù)的時候，Clear會幫你內(nèi)置一些教程，幫助你快速學(xué)習(xí)Clear的使用方法，這已經(jīng)是目前比較常見的一種用戶引導(dǎo)方式了。

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

Clear內(nèi)置了非常多的名言警句，利用一種隨機(jī)算法出現(xiàn)在用戶會遇到的空白界面上，緩解用戶遇到空白界面的挫敗感，增強(qiáng)產(chǎn)品性格，提升文藝范。#p#

五、Clear的改進(jìn)建議

1.手勢的改良

既然Clear是以手勢取勝的，就先說說手勢，前文也提到了Clear在手勢設(shè)計(jì)時遇到的一些問題，這里我的設(shè)計(jì)建議就是：

(1)關(guān)于下拉手勢的沖突

IOS5的System Notification Bar是可以下拉顯示的，當(dāng)應(yīng)用默認(rèn)全屏的時候，IOS5為了預(yù)防誤操作，是下拉會先顯示System bar的小把手，再拉小把手才顯示System Notification Bar。那么當(dāng)用戶下拉界面的時候，如果觸發(fā)了IOS5的System Bar，只要同時觸發(fā)Clear的新建操作就可以了，這樣就算是誤操作，也不會影響正確的流程。

(2)關(guān)于新建列表最低端的條目

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

(3)關(guān)于輕微下拉和猛力下拉

建議Clear增加Flick手勢的精準(zhǔn)判斷，F(xiàn)lick Down應(yīng)該可以直接回到上一級了，而目前Flick Down和Drag Down還會經(jīng)常誤判。只要能清晰的判斷Flick和Drag手勢，用戶只需快速的撥動，就可以做層級切換，而不需要滑動很長一段距離。

(4)增加鼠標(biāo)手勢

其實(shí)一些PC瀏覽器中的鼠標(biāo)手勢，還比較適合手機(jī)端，海豚瀏覽器算是這方面的先行者。Clear可以考慮增加鼠標(biāo)手勢，用戶在界面上寫個“L”，就可以回到上一級，寫個“O”，就可以打開任務(wù)詳情，寫個“E”，就可以編輯任務(wù)詳情……

甚至可以增加攝像頭捕捉手勢，這樣用戶的手都不需要觸控屏幕，只需要食指在攝像頭前方做一些動作，就可以操控應(yīng)用跳轉(zhuǎn)，具體例子見“口袋體檢”測心率的例子。

2.功能的建議

(1)可以增加時間線

目前的待辦事項(xiàng)還沒有時間維度，今日待辦、明日待辦、收集箱、按日歷查看，這些都還沒有。因?yàn)镃lear有很好的手勢操作，又是一個長列表，增加時間線不是難事。

(2)社會化待辦

可以增加關(guān)系維度、分享維度，把自己的待辦分享到社交網(wǎng)絡(luò)上，邀請朋友一起完成?？梢允侨蝿?wù)分配至，一個Lists里有多個Items分別指派給不同的人，就變成了協(xié)同待辦。