諾基亞N9不跟隨 讓手回歸自然
N9由“范爺”代言。其微電影《不跟隨》給力十足!近來又有《不跟隨》的同名歌曲,諾基亞看來是下了血本了。
不過諾基亞N9從上市以來一直深受多方關注,其中不乏在智能手機細分領域頗有見地的發(fā)燒友。本文從不同角度跟大家分享了對諾基亞N9滑動操作的理解。
以下為網(wǎng)友撰寫的全文:
你是否喜歡twitter(或weibo)客戶端的下拉刷新功能?你是否喜歡“切水果”,“打小鳥”?你是否喜歡滑動 Android 的增強狀態(tài)欄?你是否喜歡向下滑動來關閉ios的多任務欄?雖然點擊任何一個區(qū)域都可以關閉它。你是否喜歡在webos中將卡片滑出去的快感?
……
對于手機,對于Nokia,對于交互設計,我想說的太多,今天只談滑動手勢的交互內涵。
手機交互是什么
通俗來講,我們使用手機,其實是我們和手機之間的一種交流,我們把我們的想做的事告訴它(輸入),它告訴我們結果(輸出)。而交互,即是輸入輸出的方式。舉一個直觀的例子,彈鋼琴,手按動琴鍵,琴鍵狀態(tài)發(fā)生改變并發(fā)出聲音,手按琴鍵這個動作就是一種輸入方式,也就是人與琴交互的一部分。在手機上,交互系統(tǒng)的主要作用是引導用戶完成所需的操作。
交互過程是從輸入到輸出的過程。
觸屏和手的交互方式
歸納一下,分為兩類:
一類為“點”,包括單擊,雙擊,長按,可以是單指,也可以是多指,目前各手機系統(tǒng)主要為單指。
一類為“滑”,包括單指的各個方向的滑動,雙指靠攏滑動,雙指相離滑動,雙指同一方向的滑動等。
“點”與“滑”都是一種輸入方式。
“點”與“滑”可以自由組合,如ios中長按圖標再滑動可以改變圖標的位置。從這一點上講觸屏設備輸入方式是豐富的。
輸入的方式是可以創(chuàng)造的,“點”有三個變量:點擊時間,點擊次數(shù),手指數(shù)量,但這三個變量在實際設計中不能有很大幅度的變化;“滑”有四個變量:距離,方向,手指數(shù)量以及加速度,特別是方向,可變的范圍較廣,所以它可以創(chuàng)造的輸入方式較 “點”多。
“點”雖然有時間變量,但最常用的單擊,是瞬間完成,而“滑”有一個時間過程,這讓手參與交互的時間得到了保障。更重要的是“點”相對于觸摸平面是靜止的,而“滑”是運動的,而交互過程是一個運動的過程,滑動手勢將有利于將手參與到交互過程。所以說滑動的感覺好在,用戶可以親身體驗交互操作和結果之間的聯(lián)系(即交互過程)。
給交互方式定義功能更是創(chuàng)新(如twitter客戶端將下滑操作定義為刷新),雖然在計算機發(fā)展史上約定成俗了單擊就是“確定,進入”的功能并延續(xù)到了移動設備。但因為滑動具有方向性,它的可塑性很強。
“點”一般有特定的交互對象,需要精準定位,而手與觸屏接觸面較大,所以誤操作高,又因為“點”過程很快,導致容錯率低。而“滑”的交互對象經(jīng)常是整個屏幕,這樣可以不用眼睛,直接用手的觸覺定位(整個屏幕都是控件),所以可以實現(xiàn)Marko提到的所謂的抬頭操作,不用精準定位也讓用戶感覺輕松。又因為滑動有一個時間與空間上的過程,滑動完成才算輸入完成,容錯率較高(滑動中途可以反悔,但也有例外,比如webos的手勢區(qū)向上滑動)。
滑動手勢與移動設備交互系統(tǒng)
滑動手勢在客觀上產(chǎn)生了移動,理論上移動設備交互系統(tǒng)上所有的有關移動(如層級的移動)的操作都適合用滑動手勢來實現(xiàn),這樣,通過滑動手勢,不僅實現(xiàn)了輸入操作,也讓手直接參與了交互的過程,這樣,我們的手不僅可以在頁面內移動內容,也可以在多層頁面中來回輕松切換,很多時候,用戶希望參與交互的過程,這會產(chǎn)生控制感,提高操作的樂趣。
同理,互聯(lián)網(wǎng)的本質是信息的移動,實現(xiàn)互聯(lián)網(wǎng)終端與終端之間的聯(lián)系。所以在交互設計上,能利用滑動手勢直觀的體現(xiàn)一些互聯(lián)網(wǎng)信息的傳送,如我給好友發(fā)送一些信息,可以這么設計交互。
移動互聯(lián)網(wǎng)的發(fā)展勢必會促進手機滑動手勢的發(fā)展。
模擬式交互系統(tǒng)
觸控設備普及以前,我們是借助鼠標,鍵盤,手寫筆等輸入設備間接的與操作系統(tǒng)進行交互,現(xiàn)在,我們可以和觸控產(chǎn)品直觀的交互了(向Jobs致敬),但問題接踵而至:
首先是操作的一致性問題,ios,android,還是symbian,wp7,都留有物理按鍵,我們需要在按鍵和觸屏中切換,操作流暢性被中斷了;
其次是頁面上也充斥著各種各樣的控制按鈕(后退鍵,刪除鍵等等),在有限的屏幕上占用了不少空間,更糟糕的是經(jīng)常誤操作(不是有經(jīng)典的iphone打字打到一半就發(fā)出去了嗎),導致一部分人重新用回鍵盤手機;
再次是隨著app功能的增多,想實現(xiàn)更多的功能只能增加更多的層級,層級之間的移動也會更為頻繁,但點擊后退按鈕顯然不夠輕松。
其實,我們一直沒有擺脫語義化的交互模式,從dos到windows,從鍵盤手機的操作系統(tǒng)到之后的各種觸屏移動設備的操作系統(tǒng),在操作的時候大多還是采用文字或者符號的方式來給用戶做頁面導航,后退鍵,菜單鍵,home鍵等比比皆是,個人覺得語義化的交互模式更適合聲控系統(tǒng),在圖形系統(tǒng)里應該有自己的交互模式。
讓我們現(xiàn)在回到文章開頭的例子,為什么我們喜歡上面這些操作,除了我們手癢癢愛滑動外,它們都將頁面擬物化,這樣直觀,學習成本低;用滑動手勢控制擬物化的頁面,有控制感;手參與了整個交互過程,手勢操作(輸入)與頁面反饋(輸出)同步,感覺流暢,真實,親切,和現(xiàn)實生活的經(jīng)驗一致。
移動設備交互系統(tǒng)的最主要作用就是幫助用戶在不同頁面中進行導航,也就是在不同頁面之間移動,將頁面擬物化后(讓用戶可以將頁面理解成為一個物體,如一個卡片,而不僅僅是頁面內的視覺設計擬物化),通過滑動手勢具有的物理特性(方向,距離,加速度等),實現(xiàn)直觀的移動頁面的操作,再加上一個符合心理模型的系統(tǒng)框架,把頁面有序的,易懂的,直觀的聯(lián)系起來,構成一個完整的交互系統(tǒng),暫且將之成為模擬式交互系統(tǒng)。
模擬式交互系統(tǒng)的特點:
及時反饋:輸入與輸出操作需要同時進行,即保證了流暢的操作體驗,又讓用戶感受是自己在操控,而不是讓人覺得先告訴手機干什么,手機完成后,再告訴我們結果。
無縫鏈接:在頁面與頁面切換時,要保持頁面的平滑過渡。
永遠知道自己的位置:符合心理模型的系統(tǒng)框架,讓用戶不在系統(tǒng)中迷失方向。
讓手回歸自然
先談談iOS,Android,Symbian3,WP7,我把它們歸納為語義化的系統(tǒng),雖然有交互過程的動畫效果(WP7的頁面過渡動畫效果做的很好),有擬物化的頁面(iOS經(jīng)常強調擬物化頁面,WP7也將應用頁面在視覺上卡片化了),但都沒有全部結合滑動手勢,而大多是采用點擊按鍵或者虛擬按鍵完成系統(tǒng)級頁面移動的交互,例如,打開多任務窗口,iOS雙擊home鍵,Android,Symbian3長按home鍵,WP7長按返回鍵。
Android的增強狀態(tài)欄以及模仿它的iOS5中的通知系統(tǒng)的交互模式是模擬式的,但整個系統(tǒng)并沒有一致的采用這種交互方式,所以我沒把它們稱為模擬式的操作系統(tǒng),但相信不久的將來,它們會更多采用這種交互方式,近期看好WP7,特別期待WP7版的Nokia。
再談談WebOS,手勢區(qū)向上滑動手勢進入卡片式多任務窗口,對卡片向上滑動關閉程序,已經(jīng)成為經(jīng)典,個人非常喜歡,擬物化的頁面,流暢的滑動手勢都非常棒,但在手勢區(qū)向左滑動執(zhí)行后退感覺不夠直觀,系統(tǒng)的構架難懂(多任務頁面,應用頁面與應用列表的關系沒有擬物化邏輯,很難建立合理的心理模型)。
在N9上,滑動手勢得到了進化,將手勢區(qū)擴展到整個屏幕外框,正面也取消了所有的實體觸控按鍵,屏幕采用的“Air gap-less”技術有助于增強擬物化頁面真實感。
在系統(tǒng)框架上采用了全新的“三主屏”(我覺得這是N9在交互上最大的創(chuàng)新), 層級十分簡單,就兩層,大愛之,一層為三主屏界面,一層為應用層,配合卡片式頁面(多任務窗口每個頁面都有圓弧,類似卡片),很容易建立合理的心理模型,合理的心理模式可以讓用戶直覺式的操作,不會迷失方向,這是相對于WebOS最大的改進。
最獨特的一點,在N9中,所有的滑動手勢都是可反悔的,只要你不抬起手指,容錯率很高,當然付出的代價是頁面切換比較慢,廣告語中叫優(yōu)雅,語言文化博大精深啊。
N9滑動手勢的背后是模擬式交互系統(tǒng),官方成為swipe系統(tǒng)。
swipe系統(tǒng),用手勢去探索,讓手回歸自然。
N9的滑動手勢與swipe系統(tǒng)
我將用N9各層級頁面之間的移動來闡述滑動手勢在swipe系統(tǒng)上的重要意義。
1:解鎖頁面
我們可以將它理解成為一個覆在主頁面上的卡片,雙擊解鎖(可以取消,直接電源鍵解鎖),從外框向內滑動進入主頁面,就像將一張卡片滑走的感覺。而直板鍵盤手機采用按鍵解鎖,iOS,Android,WebOS需要對特定對象定位后滑動解鎖,Symbian采用解鎖鍵滑蓋,翻蓋手機采用滑蓋,翻蓋解鎖,相比之下,N9可以和滑蓋,翻蓋手機一樣采用閉眼操作解鎖,也是Marko所說的抬頭操作,當然,直板鍵盤機使用熟練也可以。通過滑動直接從解鎖頁面進入其他應用,也算一種提高效率的快捷操作。
2:三主界面之間的切換
將最常用的頁面組成三主頁面,頁面間無縫鏈接,可以循環(huán),這樣最多一步滑動即可到達想去的頁面,相當簡潔,在構建心理模型上,可以想象成為三張卡面連成一個環(huán)形。應用列表頁面沒有文件夾的設計,程序的分類問題有待解決;多任務頁面也沒有類似webos堆棧式的設計,同樣是程序分類的問題。由于系統(tǒng)框架的不同,其他操作系統(tǒng)并沒有將這三個頁面并入同一個層級,一般將應用列表頁面作為主頁面,進入多任務頁面會使用按鍵操作。(見前面的配圖)
3:主頁面與應用之間的切換
在應用列表頁面上通過點擊圖標進入應用,所有手機系統(tǒng)一致,不同之處在于回到主頁面,鍵盤機一般按菜單鍵再選擇退出選項,觸屏機型如上圖。
N9采用外框的手勢區(qū)向屏幕內滑動,將應用看作一張卡片,打開一個應用,即是在主頁面卡片上覆蓋一張應用卡片,將外框向內屏滑動看作是將應用卡片推出去,之前被覆蓋的主頁面卡片重新出現(xiàn),而應用卡片,則被推進了多任務界面。在這個過程中,手是參與到整個交互過程的,頁面卡片是跟隨手的滑動而滑動,主頁面的顯現(xiàn)也配合滑動手勢,這就是N9給我建立的心理模型。
還有這么一種需求,就是直接關閉程序回到主界面,N9可以選擇從上框滑動到下框來實現(xiàn)這種功能,但沒有動畫效果,個人覺得這不是一個好的解決方案,因為找不到合理的心理模型,還有就是距離太長,操作不方便。是否可以設置成為雙指上滑,配合一個主界面由里向外出現(xiàn)的動畫,再加點“哧哧”的撕書聲?當然,最好忘了這件事兒,內存神馬的是操作系統(tǒng)的事。
也有人說取三個方向邊框向內滑動返回不同的主界面,也有人說在不改變現(xiàn)有模式的情況下用類似打開快捷欄的方式(從底部外框向內滑動一部分停住)從其他三個方向打開三個主界面或者主界面縮略圖,個人的意見是:本意是為了高效,但未必高效。
4:應用之間的切換
N9的交互邏輯是這樣的,應用1>上一級主界面>應用2所在主界面>應用2。若應用1與應用2在是同一主界面,則省略第三步,其中前三步的操作都是使用滑動手勢,最后一步采用點擊。其實是上面2與3的一個組合操作,就不做分析了。
5:應用內的切換
N9增加了不少滑動控件,如通過滑動左右切換中英文鍵盤,向下一滑關閉鍵盤,但當我看到應用頁面里的虛擬返回鍵,菜單鍵時,頓時產(chǎn)生了回到Symbian v5的感覺,我想這應該是為了降低開發(fā)者的開發(fā)難度而做的一種妥協(xié),但即便是這樣,在系統(tǒng)層級采用了滑動手勢來實現(xiàn)的返回操作,在應用頁面還使用點擊虛擬建來實現(xiàn),這會造成多大的體驗失衡,webos用手勢實現(xiàn)返回操作,雖然不夠直觀,但至少實現(xiàn)了體驗的統(tǒng)一。于是畫了一個圖來彌補我心中的失落。數(shù)字代表應用內的層級,每一級之間的切換都可以通過滑動無縫結合,告別返回鍵,還實現(xiàn)了前進鍵的功能。
在提一個滑動,雙指從上框向內滑動,實現(xiàn)應用卡片翻轉,卡片的背面就是設置菜單
最后我相信只要有合適的滑動控件,開發(fā)者們一定可以做出更多交互性更好的應用。
總結
觸屏和手的關系決定了滑動手勢將是觸屏手機設備上最重要的輸入方式,特別是在實現(xiàn)移動和聯(lián)系的功能中,有著點擊無法比擬的優(yōu)勢,兩者應該相輔相成,共同提供良好的交互體驗。
N9給我們帶來了迄今為止最豐富的滑動手勢,在形式上去掉了最后一個按鍵,用滑動手勢代替了,但在應用內依然保留了兩個一直存在的虛擬按鈕,有很多功能還不完善,如快捷程序不能更改,刪除程序比較麻煩,沒有快捷開關,在應用中打開通知程序只能返回通知頁面,應用程序頁面分類,多任務頁面分類的問題等,但瑕不掩瑜,Marko及他的團隊創(chuàng)造了“三主屏”系統(tǒng)框架,外邊框手勢區(qū),去掉了最后一個按鍵,改良了隱藏在滑動手勢下的模擬式交互系統(tǒng)(swipe系統(tǒng))。
其實,滑動手勢一直存在,它僅僅是一種輸入方式,各種移動設備的交互系統(tǒng)也一直在使用它,N9的交互體驗與其他操作系統(tǒng)的交互體驗的不同之處在于,其他操作系統(tǒng)僅僅將滑動手勢作為一種輔助輸入方式,而N9挖掘了滑動手勢的交互內涵,創(chuàng)造了由滑動手勢(滑動手勢為主要輸入方式),擬物化頁面,符合心理模型的系統(tǒng)框架共同組成的模擬式交互系統(tǒng)(swipe系統(tǒng)),給用戶提供更直觀,更流暢,更親近,更優(yōu)雅的操作體驗,也讓滑動手勢在交互系統(tǒng)里占有了更重要的位置,衷心的希望N9的繼承者們能將滑動手勢交互系統(tǒng)發(fā)揚光大,讓它完全融入操作系統(tǒng),融入應用,融入我們的生活,讓手回歸自然。
當我問一朋友對N9的滑動手勢的理解,他給了我一張他在洛陽拍的照片,覺得對滑動的見解,他比我有內涵的多