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

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

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

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

……

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

手機(jī)交互是什么

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

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

觸屏和手的交互方式

 歸納一下，分為兩類：

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

一類為“滑”，包括單指的各個方向的滑動，雙指靠攏滑動，雙指相離滑動，雙指同一方向的滑動等。

“點”與“滑”都是一種輸入方式。

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

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

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

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

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

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

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

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

移動互聯(lián)網(wǎng)的發(fā)展勢必會促進(jìn)手機(jī)滑動手勢的發(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功能的增多，想實現(xiàn)更多的功能只能增加更多的層級，層級之間的移動也會更為頻繁，但點擊后退按鈕顯然不夠輕松。

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

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

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

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

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

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

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

讓手回歸自然

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

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

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

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

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

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

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

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

N9的滑動手勢與swipe系統(tǒng)

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

1：解鎖頁面

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

 2：三主界面之間的切換

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

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

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

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

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