在分析N9的滑動手勢時，分析其如何取代iPhone的Home鍵，提出“取代點擊”的論點。匯總之前幾篇文章，強調(diào)這一設(shè)計趨勢。觸摸屏的點擊是沿用鼠標(biāo)點擊的操作，其本身具有諸多不利的因素：

顯示空間。控件會占用顯示控件，44像素的正方形對于手機界面也是寶貴的顯示空間。

不易操作。控件需要放置的特定的位置，由于屏幕過大和手持設(shè)備的姿勢導(dǎo)致部分控件不容易點擊到。

精確度。一是點擊手勢有精準(zhǔn)性要求，觸摸屏可點擊區(qū)域由手指的指肚面積決定。二是用戶點擊的落點通常在目標(biāo)區(qū)域中心的下方。

尺寸。如按鍵密集的輸入法鍵盤，按鍵大，用戶點擊比較隨意，速度快但導(dǎo)致精準(zhǔn)度差。按鈕太小，導(dǎo)致用戶點擊比較小心，點擊速度較慢。

形狀。圓形和菱形按鈕不如方形按鈕輸入準(zhǔn)確率高。

位置。在大拇指周圍易于點擊，但是右下角點擊的準(zhǔn)確度卻不如左上角的按鈕。

隱喻。點擊與現(xiàn)實生活的隱喻很弱，按鈕通過指示開關(guān)或者某項特定的操作，但是刪除、下載、關(guān)閉、打開和切換等操作與點擊沒有直接的關(guān)系，這也是和鼠標(biāo)操作比較單一有關(guān)系，觸摸屏的操作方式更為豐富，自然用戶界面（NUI）比圖形界面（GUI）更為直接，與其說是隱喻，不如說直接表現(xiàn)物理世界，轉(zhuǎn)向最自然的交流方式。

從更多的設(shè)計中可以看出，以滑動和拖拽等手勢取代點擊已經(jīng)成為交互設(shè)計的一種趨勢。以滑動手勢舉例，設(shè)計中使用滑動手勢取代點擊有諸多優(yōu)點：

更方便�；瑒硬僮髋c點擊相比，易操作，甚至可以全屏操作。如憤怒的小鳥，在拉彈弓時，并不要求精確操作某個區(qū)域，這一點應(yīng)用在很多游戲的交互設(shè)計中。又如Android3.0左右滑動切換標(biāo)簽。

扁平化界面。如ios5相機取景時，滑動界面可以查看之前的照片，界面切換不是通過點擊跳轉(zhuǎn)，而是平級的呈現(xiàn)方式。

節(jié)約顯示空間。如iPhone豆瓣主界面下拉顯示搜索框、Palm應(yīng)用程序界面隨著滑動軌跡顯示常用功能、郵件列表向右滑動刪除郵件和微博列表下拉刷新，可以減少控件占有顯示空間，控件只在需要的時候出現(xiàn)，讓用戶的注意力放置在主體內(nèi)容上。

減少誤操作。當(dāng)控件被取代之后，由于控件本身指示性弱和控件過小導(dǎo)致點擊不精準(zhǔn)導(dǎo)致誤操作的問題出現(xiàn)的概率更小。

隱喻強。Palm的卡片刪除多任務(wù)和郵件列表右滑刪除郵件隱喻“移除”，而不是呆板地點擊一個叉叉圖標(biāo)。

通過對比，滑動比點擊有著很多優(yōu)勢，雖然個別操作需要學(xué)習(xí)成本或者暫時作為快捷操作，應(yīng)用在設(shè)計中確實可以提升體驗，特別對于翻頁這種頻繁的操作。除此之后，滑動作為本身還有很多特性可以利用。

從技術(shù)的角度來，是通過參數(shù)來識別手勢。點擊是獲取手指觸摸屏幕的坐標(biāo)，滑動是獲取坐標(biāo)和時間，拖拽是長按加上滑動操作。連接各個時間點的坐標(biāo)繪制出滑動曲線軌跡，這個曲線可以利用的參數(shù)有：

方向性。在Safari里可以任意方向滑動頁面，iPhone主界面可以左右滑動，WP7的sina微博可以上下和左右滑動，百度手機輸入法可以四個方向滑動選詞。當(dāng)只能單方向滑動，如左右，左右方向Y軸只要有位移都可以導(dǎo)致滑動；當(dāng)可以兩個方向滑動，滑動根據(jù)位移所在的區(qū)間識別滑動方向，WP7的應(yīng)用程序有時會分辨不清滑動方向。

慣性�；瑒榆壽E具有慣性，當(dāng)手指離開觸摸屏?xí)r有速度，滑動效果不會立即結(jié)束，比如網(wǎng)頁的快速滾屏效果。在Android系統(tǒng)主界面，緩慢左右滑動半屏，界面并不會切換，當(dāng)快速短距離左右滑動時，界面會根據(jù)慣性切換，這和現(xiàn)實世界的物理運動規(guī)律相吻合的。

起點和終點。在特定的區(qū)域內(nèi)開始滑動，操作不同，如百度手機輸入法的滑動選詞，滑動手勢也可以像點擊一樣限定區(qū)域。N9由底部向上滑動在五分之一區(qū)域停留識別為切換多任務(wù)。

這些是滑動的基本元素，更為復(fù)雜的操作需要應(yīng)用程序自定義，如swype輸入法是利于曲線的折角識別選擇的字母，瀏覽器可以定義滑動的快捷操作，順著這個 思路可以預(yù)見將會有更多的滑動操作方式出現(xiàn)。

文章來源：daichuanqing.com/index.php/archives/2948

標(biāo)簽： 取代點擊 交互設(shè)計 移動產(chǎn)品設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。