N9由“范爺”代言。其微電影《不跟隨》給力十足！近來又有《不跟隨》的同名歌曲，諾基亞看來是下了血本了。

不過諾基亞N9從上市以來一直深受多方關(guān)注，其中不乏在智能手機(jī)細(xì)分領(lǐng)域頗有見地的發(fā)燒友。本文從不同角度跟大家分享了對(duì)諾基亞N9滑動(dòng)操作的理解。

以下為網(wǎng)友撰寫的全文：

你是否喜歡twitter（或weibo）客戶端的下拉刷新功能？你是否喜歡“切水果”，“打小鳥”？你是否喜歡滑動(dòng) Android 的增強(qiáng)狀態(tài)欄？你是否喜歡向下滑動(dòng)來關(guān)閉ios的多任務(wù)欄？雖然點(diǎn)擊任何一個(gè)區(qū)域都可以關(guān)閉它。你是否喜歡在webos中將卡片滑出去的快感？

……

對(duì)于手機(jī)，對(duì)于Nokia，對(duì)于交互設(shè)計(jì)，我想說的太多，今天只談滑動(dòng)手勢(shì)的交互內(nèi)涵。

手機(jī)交互是什么

 通俗來講，我們使用手機(jī)，其實(shí)是我們和手機(jī)之間的一種交流，我們把我們的想做的事告訴它（輸入），它告訴我們結(jié)果（輸出）。而交互，即是輸入輸出的方式。舉一個(gè)直觀的例子，彈鋼琴，手按動(dòng)琴鍵，琴鍵狀態(tài)發(fā)生改變并發(fā)出聲音，手按琴鍵這個(gè)動(dòng)作就是一種輸入方式，也就是人與琴交互的一部分。在手機(jī)上，交互系統(tǒng)的主要作用是引導(dǎo)用戶完成所需的操作。

交互過程是從輸入到輸出的過程。

觸屏和手的交互方式

 歸納一下，分為兩類：

一類為“點(diǎn)”，包括單擊，雙擊，長按，可以是單指，也可以是多指，目前各手機(jī)系統(tǒng)主要為單指。

一類為“滑”，包括單指的各個(gè)方向的滑動(dòng)，雙指靠攏滑動(dòng)，雙指相離滑動(dòng)，雙指同一方向的滑動(dòng)等。

“點(diǎn)”與“滑”都是一種輸入方式。

 “點(diǎn)”與“滑”可以自由組合，如ios中長按圖標(biāo)再滑動(dòng)可以改變圖標(biāo)的位置。從這一點(diǎn)上講觸屏設(shè)備輸入方式是豐富的。   

輸入的方式是可以創(chuàng)造的，“點(diǎn)”有三個(gè)變量：點(diǎn)擊時(shí)間，點(diǎn)擊次數(shù)，手指數(shù)量，但這三個(gè)變量在實(shí)際設(shè)計(jì)中不能有很大幅度的變化；“滑”有四個(gè)變量：距離，方向，手指數(shù)量以及加速度，特別是方向，可變的范圍較廣，所以它可以創(chuàng)造的輸入方式較 “點(diǎn)”多。

“點(diǎn)”雖然有時(shí)間變量，但最常用的單擊，是瞬間完成，而“滑”有一個(gè)時(shí)間過程，這讓手參與交互的時(shí)間得到了保障。更重要的是“點(diǎn)”相對(duì)于觸摸平面是靜止的，而“滑”是運(yùn)動(dòng)的，而交互過程是一個(gè)運(yùn)動(dòng)的過程，滑動(dòng)手勢(shì)將有利于將手參與到交互過程。所以說滑動(dòng)的感覺好在，用戶可以親身體驗(yàn)交互操作和結(jié)果之間的聯(lián)系（即交互過程）。

給交互方式定義功能更是創(chuàng)新（如twitter客戶端將下滑操作定義為刷新），雖然在計(jì)算機(jī)發(fā)展史上約定成俗了單擊就是“確定，進(jìn)入”的功能并延續(xù)到了移動(dòng)設(shè)備。但因?yàn)榛瑒?dòng)具有方向性，它的可塑性很強(qiáng)。

“點(diǎn)”一般有特定的交互對(duì)象，需要精準(zhǔn)定位，而手與觸屏接觸面較大，所以誤操作高，又因?yàn)?ldquo;點(diǎn)”過程很快，導(dǎo)致容錯(cuò)率低。而“滑”的交互對(duì)象經(jīng)常是整個(gè)屏幕，這樣可以不用眼睛，直接用手的觸覺定位（整個(gè)屏幕都是控件），所以可以實(shí)現(xiàn)Marko提到的所謂的抬頭操作，不用精準(zhǔn)定位也讓用戶感覺輕松。又因?yàn)榛瑒?dòng)有一個(gè)時(shí)間與空間上的過程，滑動(dòng)完成才算輸入完成，容錯(cuò)率較高（滑動(dòng)中途可以反悔，但也有例外，比如webos的手勢(shì)區(qū)向上滑動(dòng)）。

 滑動(dòng)手勢(shì)與移動(dòng)設(shè)備交互系統(tǒng)

 滑動(dòng)手勢(shì)在客觀上產(chǎn)生了移動(dòng)，理論上移動(dòng)設(shè)備交互系統(tǒng)上所有的有關(guān)移動(dòng)（如層級(jí)的移動(dòng)）的操作都適合用滑動(dòng)手勢(shì)來實(shí)現(xiàn)，這樣，通過滑動(dòng)手勢(shì)，不僅實(shí)現(xiàn)了輸入操作，也讓手直接參與了交互的過程，這樣，我們的手不僅可以在頁面內(nèi)移動(dòng)內(nèi)容，也可以在多層頁面中來回輕松切換，很多時(shí)候，用戶希望參與交互的過程，這會(huì)產(chǎn)生控制感，提高操作的樂趣。

同理，互聯(lián)網(wǎng)的本質(zhì)是信息的移動(dòng)，實(shí)現(xiàn)互聯(lián)網(wǎng)終端與終端之間的聯(lián)系。所以在交互設(shè)計(jì)上，能利用滑動(dòng)手勢(shì)直觀的體現(xiàn)一些互聯(lián)網(wǎng)信息的傳送，如我給好友發(fā)送一些信息，可以這么設(shè)計(jì)交互。

移動(dòng)互聯(lián)網(wǎng)的發(fā)展勢(shì)必會(huì)促進(jìn)手機(jī)滑動(dòng)手勢(shì)的發(fā)展。

 模擬式交互系統(tǒng)

 觸控設(shè)備普及以前，我們是借助鼠標(biāo)，鍵盤，手寫筆等輸入設(shè)備間接的與操作系統(tǒng)進(jìn)行交互，現(xiàn)在，我們可以和觸控產(chǎn)品直觀的交互了（向Jobs致敬），但問題接踵而至：

首先是操作的一致性問題，ios，android，還是symbian，wp7，都留有物理按鍵，我們需要在按鍵和觸屏中切換，操作流暢性被中斷了；

其次是頁面上也充斥著各種各樣的控制按鈕（后退鍵，刪除鍵等等），在有限的屏幕上占用了不少空間，更糟糕的是經(jīng)常誤操作（不是有經(jīng)典的iphone打字打到一半就發(fā)出去了嗎），導(dǎo)致一部分人重新用回鍵盤手機(jī)；

再次是隨著app功能的增多，想實(shí)現(xiàn)更多的功能只能增加更多的層級(jí)，層級(jí)之間的移動(dòng)也會(huì)更為頻繁，但點(diǎn)擊后退按鈕顯然不夠輕松。

其實(shí)，我們一直沒有擺脫語義化的交互模式，從dos到windows，從鍵盤手機(jī)的操作系統(tǒng)到之后的各種觸屏移動(dòng)設(shè)備的操作系統(tǒng)，在操作的時(shí)候大多還是采用文字或者符號(hào)的方式來給用戶做頁面導(dǎo)航，后退鍵，菜單鍵，home鍵等比比皆是，個(gè)人覺得語義化的交互模式更適合聲控系統(tǒng)，在圖形系統(tǒng)里應(yīng)該有自己的交互模式。

讓我們現(xiàn)在回到文章開頭的例子，為什么我們喜歡上面這些操作，除了我們手癢癢愛滑動(dòng)外，它們都將頁面擬物化，這樣直觀，學(xué)習(xí)成本低；用滑動(dòng)手勢(shì)控制擬物化的頁面，有控制感；手參與了整個(gè)交互過程，手勢(shì)操作（輸入）與頁面反饋（輸出）同步，感覺流暢，真實(shí)，親切，和現(xiàn)實(shí)生活的經(jīng)驗(yàn)一致。

移動(dòng)設(shè)備交互系統(tǒng)的最主要作用就是幫助用戶在不同頁面中進(jìn)行導(dǎo)航，也就是在不同頁面之間移動(dòng)，將頁面擬物化后（讓用戶可以將頁面理解成為一個(gè)物體，如一個(gè)卡片，而不僅僅是頁面內(nèi)的視覺設(shè)計(jì)擬物化），通過滑動(dòng)手勢(shì)具有的物理特性（方向，距離，加速度等），實(shí)現(xiàn)直觀的移動(dòng)頁面的操作，再加上一個(gè)符合心理模型的系統(tǒng)框架，把頁面有序的，易懂的，直觀的聯(lián)系起來，構(gòu)成一個(gè)完整的交互系統(tǒng)，暫且將之成為模擬式交互系統(tǒng)。

模擬式交互系統(tǒng)的特點(diǎn)：

及時(shí)反饋：輸入與輸出操作需要同時(shí)進(jìn)行，即保證了流暢的操作體驗(yàn)，又讓用戶感受是自己在操控，而不是讓人覺得先告訴手機(jī)干什么，手機(jī)完成后，再告訴我們結(jié)果。

無縫鏈接：在頁面與頁面切換時(shí)，要保持頁面的平滑過渡。

永遠(yuǎn)知道自己的位置：符合心理模型的系統(tǒng)框架，讓用戶不在系統(tǒng)中迷失方向。

讓手回歸自然

先談?wù)刬OS，Android，Symbian3，WP7，我把它們歸納為語義化的系統(tǒng)，雖然有交互過程的動(dòng)畫效果（WP7的頁面過渡動(dòng)畫效果做的很好），有擬物化的頁面（iOS經(jīng)常強(qiáng)調(diào)擬物化頁面，WP7也將應(yīng)用頁面在視覺上卡片化了），但都沒有全部結(jié)合滑動(dòng)手勢(shì)，而大多是采用點(diǎn)擊按鍵或者虛擬按鍵完成系統(tǒng)級(jí)頁面移動(dòng)的交互，例如，打開多任務(wù)窗口，iOS雙擊home鍵，Android，Symbian3長按home鍵，WP7長按返回鍵。

Android的增強(qiáng)狀態(tài)欄以及模仿它的iOS5中的通知系統(tǒng)的交互模式是模擬式的，但整個(gè)系統(tǒng)并沒有一致的采用這種交互方式，所以我沒把它們稱為模擬式的操作系統(tǒng)，但相信不久的將來，它們會(huì)更多采用這種交互方式，近期看好WP7，特別期待WP7版的Nokia。

再談?wù)刉ebOS，手勢(shì)區(qū)向上滑動(dòng)手勢(shì)進(jìn)入卡片式多任務(wù)窗口，對(duì)卡片向上滑動(dòng)關(guān)閉程序，已經(jīng)成為經(jīng)典，個(gè)人非常喜歡，擬物化的頁面，流暢的滑動(dòng)手勢(shì)都非常棒，但在手勢(shì)區(qū)向左滑動(dòng)執(zhí)行后退感覺不夠直觀，系統(tǒng)的構(gòu)架難懂（多任務(wù)頁面，應(yīng)用頁面與應(yīng)用列表的關(guān)系沒有擬物化邏輯，很難建立合理的心理模型）。

在N9上，滑動(dòng)手勢(shì)得到了進(jìn)化，將手勢(shì)區(qū)擴(kuò)展到整個(gè)屏幕外框，正面也取消了所有的實(shí)體觸控按鍵，屏幕采用的“Air gap-less”技術(shù)有助于增強(qiáng)擬物化頁面真實(shí)感。

在系統(tǒng)框架上采用了全新的“三主屏”（我覺得這是N9在交互上最大的創(chuàng)新）, 層級(jí)十分簡單，就兩層，大愛之，一層為三主屏界面，一層為應(yīng)用層，配合卡片式頁面（多任務(wù)窗口每個(gè)頁面都有圓弧，類似卡片），很容易建立合理的心理模型，合理的心理模式可以讓用戶直覺式的操作，不會(huì)迷失方向，這是相對(duì)于WebOS最大的改進(jìn)。

最獨(dú)特的一點(diǎn)，在N9中，所有的滑動(dòng)手勢(shì)都是可反悔的，只要你不抬起手指，容錯(cuò)率很高，當(dāng)然付出的代價(jià)是頁面切換比較慢，廣告語中叫優(yōu)雅，語言文化博大精深啊。

N9滑動(dòng)手勢(shì)的背后是模擬式交互系統(tǒng)，官方成為swipe系統(tǒng)。

swipe系統(tǒng)，用手勢(shì)去探索，讓手回歸自然。

N9的滑動(dòng)手勢(shì)與swipe系統(tǒng)

我將用N9各層級(jí)頁面之間的移動(dòng)來闡述滑動(dòng)手勢(shì)在swipe系統(tǒng)上的重要意義。

1：解鎖頁面

我們可以將它理解成為一個(gè)覆在主頁面上的卡片，雙擊解鎖（可以取消，直接電源鍵解鎖），從外框向內(nèi)滑動(dòng)進(jìn)入主頁面，就像將一張卡片滑走的感覺。而直板鍵盤手機(jī)采用按鍵解鎖，iOS，Android，WebOS需要對(duì)特定對(duì)象定位后滑動(dòng)解鎖，Symbian采用解鎖鍵滑蓋，翻蓋手機(jī)采用滑蓋，翻蓋解鎖，相比之下，N9可以和滑蓋，翻蓋手機(jī)一樣采用閉眼操作解鎖，也是Marko所說的抬頭操作，當(dāng)然，直板鍵盤機(jī)使用熟練也可以。通過滑動(dòng)直接從解鎖頁面進(jìn)入其他應(yīng)用，也算一種提高效率的快捷操作。

 2：三主界面之間的切換

將最常用的頁面組成三主頁面，頁面間無縫鏈接，可以循環(huán)，這樣最多一步滑動(dòng)即可到達(dá)想去的頁面，相當(dāng)簡潔，在構(gòu)建心理模型上，可以想象成為三張卡面連成一個(gè)環(huán)形。應(yīng)用列表頁面沒有文件夾的設(shè)計(jì)，程序的分類問題有待解決；多任務(wù)頁面也沒有類似webos堆棧式的設(shè)計(jì)，同樣是程序分類的問題。由于系統(tǒng)框架的不同，其他操作系統(tǒng)并沒有將這三個(gè)頁面并入同一個(gè)層級(jí)，一般將應(yīng)用列表頁面作為主頁面，進(jìn)入多任務(wù)頁面會(huì)使用按鍵操作。（見前面的配圖）

 3：主頁面與應(yīng)用之間的切換

在應(yīng)用列表頁面上通過點(diǎn)擊圖標(biāo)進(jìn)入應(yīng)用，所有手機(jī)系統(tǒng)一致，不同之處在于回到主頁面，鍵盤機(jī)一般按菜單鍵再選擇退出選項(xiàng)，觸屏機(jī)型如上圖。

N9采用外框的手勢(shì)區(qū)向屏幕內(nèi)滑動(dòng)，將應(yīng)用看作一張卡片，打開一個(gè)應(yīng)用，即是在主頁面卡片上覆蓋一張應(yīng)用卡片，將外框向內(nèi)屏滑動(dòng)看作是將應(yīng)用卡片推出去，之前被覆蓋的主頁面卡片重新出現(xiàn)，而應(yīng)用卡片，則被推進(jìn)了多任務(wù)界面。在這個(gè)過程中，手是參與到整個(gè)交互過程的，頁面卡片是跟隨手的滑動(dòng)而滑動(dòng)，主頁面的顯現(xiàn)也配合滑動(dòng)手勢(shì)，這就是N9給我建立的心理模型。

還有這么一種需求，就是直接關(guān)閉程序回到主界面，N9可以選擇從上框滑動(dòng)到下框來實(shí)現(xiàn)這種功能，但沒有動(dòng)畫效果，個(gè)人覺得這不是一個(gè)好的解決方案，因?yàn)檎也坏胶侠淼男睦砟Ｐ停€有就是距離太長，操作不方便。是否可以設(shè)置成為雙指上滑，配合一個(gè)主界面由里向外出現(xiàn)的動(dòng)畫，再加點(diǎn)“哧哧”的撕書聲？當(dāng)然，最好忘了這件事兒，內(nèi)存神馬的是操作系統(tǒng)的事。

也有人說取三個(gè)方向邊框向內(nèi)滑動(dòng)返回不同的主界面，也有人說在不改變現(xiàn)有模式的情況下用類似打開快捷欄的方式（從底部外框向內(nèi)滑動(dòng)一部分停住）從其他三個(gè)方向打開三個(gè)主界面或者主界面縮略圖，個(gè)人的意見是：本意是為了高效，但未必高效。

4：應(yīng)用之間的切換

N9的交互邏輯是這樣的，應(yīng)用1＞上一級(jí)主界面＞應(yīng)用2所在主界面＞應(yīng)用2。若應(yīng)用1與應(yīng)用2在是同一主界面，則省略第三步，其中前三步的操作都是使用滑動(dòng)手勢(shì)，最后一步采用點(diǎn)擊。其實(shí)是上面2與3的一個(gè)組合操作，就不做分析了。

5：應(yīng)用內(nèi)的切換

N9增加了不少滑動(dòng)控件，如通過滑動(dòng)左右切換中英文鍵盤，向下一滑關(guān)閉鍵盤，但當(dāng)我看到應(yīng)用頁面里的虛擬返回鍵，菜單鍵時(shí)，頓時(shí)產(chǎn)生了回到Symbian v5的感覺，我想這應(yīng)該是為了降低開發(fā)者的開發(fā)難度而做的一種妥協(xié)，但即便是這樣，在系統(tǒng)層級(jí)采用了滑動(dòng)手勢(shì)來實(shí)現(xiàn)的返回操作，在應(yīng)用頁面還使用點(diǎn)擊虛擬建來實(shí)現(xiàn)，這會(huì)造成多大的體驗(yàn)失衡，webos用手勢(shì)實(shí)現(xiàn)返回操作，雖然不夠直觀，但至少實(shí)現(xiàn)了體驗(yàn)的統(tǒng)一。于是畫了一個(gè)圖來彌補(bǔ)我心中的失落。數(shù)字代表應(yīng)用內(nèi)的層級(jí)，每一級(jí)之間的切換都可以通過滑動(dòng)無縫結(jié)合，告別返回鍵，還實(shí)現(xiàn)了前進(jìn)鍵的功能。

在提一個(gè)滑動(dòng)，雙指從上框向內(nèi)滑動(dòng)，實(shí)現(xiàn)應(yīng)用卡片翻轉(zhuǎn)，卡片的背面就是設(shè)置菜單

最后我相信只要有合適的滑動(dòng)控件，開發(fā)者們一定可以做出更多交互性更好的應(yīng)用。

總結(jié)

觸屏和手的關(guān)系決定了滑動(dòng)手勢(shì)將是觸屏手機(jī)設(shè)備上最重要的輸入方式，特別是在實(shí)現(xiàn)移動(dòng)和聯(lián)系的功能中，有著點(diǎn)擊無法比擬的優(yōu)勢(shì)，兩者應(yīng)該相輔相成，共同提供良好的交互體驗(yàn)。

N9給我們帶來了迄今為止最豐富的滑動(dòng)手勢(shì)，在形式上去掉了最后一個(gè)按鍵，用滑動(dòng)手勢(shì)代替了，但在應(yīng)用內(nèi)依然保留了兩個(gè)一直存在的虛擬按鈕，有很多功能還不完善，如快捷程序不能更改，刪除程序比較麻煩，沒有快捷開關(guān)，在應(yīng)用中打開通知程序只能返回通知頁面，應(yīng)用程序頁面分類，多任務(wù)頁面分類的問題等，但瑕不掩瑜，Marko及他的團(tuán)隊(duì)創(chuàng)造了“三主屏”系統(tǒng)框架，外邊框手勢(shì)區(qū)，去掉了最后一個(gè)按鍵，改良了隱藏在滑動(dòng)手勢(shì)下的模擬式交互系統(tǒng)（swipe系統(tǒng)）。

其實(shí)，滑動(dòng)手勢(shì)一直存在，它僅僅是一種輸入方式，各種移動(dòng)設(shè)備的交互系統(tǒng)也一直在使用它，N9的交互體驗(yàn)與其他操作系統(tǒng)的交互體驗(yàn)的不同之處在于，其他操作系統(tǒng)僅僅將滑動(dòng)手勢(shì)作為一種輔助輸入方式，而N9挖掘了滑動(dòng)手勢(shì)的交互內(nèi)涵，創(chuàng)造了由滑動(dòng)手勢(shì)（滑動(dòng)手勢(shì)為主要輸入方式），擬物化頁面，符合心理模型的系統(tǒng)框架共同組成的模擬式交互系統(tǒng)（swipe系統(tǒng)），給用戶提供更直觀，更流暢，更親近，更優(yōu)雅的操作體驗(yàn)，也讓滑動(dòng)手勢(shì)在交互系統(tǒng)里占有了更重要的位置，衷心的希望N9的繼承者們能將滑動(dòng)手勢(shì)交互系統(tǒng)發(fā)揚(yáng)光大，讓它完全融入操作系統(tǒng)，融入應(yīng)用，融入我們的生活，讓手回歸自然。

當(dāng)我問一朋友對(duì)N9的滑動(dòng)手勢(shì)的理解，他給了我一張他在洛陽拍的照片，覺得對(duì)滑動(dòng)的見解，他比我有內(nèi)涵的多