在分析N9的滑動手勢時,分析其如何取代iPhone的Home鍵,提出“取代點擊”的論點。匯總之前幾篇文章,強調(diào)這一設計趨勢。觸摸屏的點擊是沿用鼠標點擊的操作,其本身具有諸多不利的因素:
創(chuàng)新互聯(lián)建站服務項目包括思明網(wǎng)站建設、思明網(wǎng)站制作、思明網(wǎng)頁制作以及思明網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,思明網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到思明省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!顯示空間??丶加蔑@示控件,44像素的正方形對于手機界面也是寶貴的顯示空間。
不易操作??丶枰胖玫奶囟ǖ奈恢茫捎谄聊贿^大和手持設備的姿勢導致部分控件不容易點擊到。
精確度。一是點擊手勢有精準性要求,觸摸屏可點擊區(qū)域由手指的指肚面積決定。二是用戶點擊的落點通常在目標區(qū)域中心的下方。
尺寸。如按鍵密集的輸入法鍵盤,按鍵大,用戶點擊比較隨意,速度快但導致精準度差。按鈕太小,導致用戶點擊比較小心,點擊速度較慢。
形狀。圓形和菱形按鈕不如方形按鈕輸入準確率高。
位置。在大拇指周圍易于點擊,但是右下角點擊的準確度卻不如左上角的按鈕。
隱喻。點擊與現(xiàn)實生活的隱喻很弱,按鈕通過指示開關(guān)或者某項特定的操作,但是刪除、下載、關(guān)閉、打開和切換等操作與點擊沒有直接的關(guān)系,這也是和鼠標操作比較單一有關(guān)系,觸摸屏的操作方式更為豐富,自然用戶界面(NUI)比圖形界面(GUI)更為直接,與其說是隱喻,不如說直接表現(xiàn)物理世界,轉(zhuǎn)向最自然的交流方式。
從更多的設計中可以看出,以滑動和拖拽等手勢取代點擊已經(jīng)成為交互設計的一種趨勢。以滑動手勢舉例,設計中使用滑動手勢取代點擊有諸多優(yōu)點:
更方便?;瑒硬僮髋c點擊相比,易操作,甚至可以全屏操作。如憤怒的小鳥,在拉彈弓時,并不要求精確操作某個區(qū)域,這一點應用在很多游戲的交互設計中。又如Android3.0左右滑動切換標簽。
扁平化界面。如ios5相機取景時,滑動界面可以查看之前的照片,界面切換不是通過點擊跳轉(zhuǎn),而是平級的呈現(xiàn)方式。
節(jié)約顯示空間。如iPhone豆瓣主界面下拉顯示搜索框、Palm應用程序界面隨著滑動軌跡顯示常用功能、郵件列表向右滑動刪除郵件和微博列表下拉刷新,可以減少控件占有顯示空間,控件只在需要的時候出現(xiàn),讓用戶的注意力放置在主體內(nèi)容上。
減少誤操作。當控件被取代之后,由于控件本身指示性弱和控件過小導致點擊不精準導致誤操作的問題出現(xiàn)的概率更小。
隱喻強。Palm的卡片刪除多任務和郵件列表右滑刪除郵件隱喻“移除”,而不是呆板地點擊一個叉叉圖標。
通過對比,滑動比點擊有著很多優(yōu)勢,雖然個別操作需要學習成本或者暫時作為快捷操作,應用在設計中確實可以提升體驗,特別對于翻頁這種頻繁的操作。除此之后,滑動作為本身還有很多特性可以利用。
從技術(shù)的角度來,是通過參數(shù)來識別手勢。點擊是獲取手指觸摸屏幕的坐標,滑動是獲取坐標和時間,拖拽是長按加上滑動操作。連接各個時間點的坐標繪制出滑動曲線軌跡,這個曲線可以利用的參數(shù)有:
方向性。在Safari里可以任意方向滑動頁面,iPhone主界面可以左右滑動,WP7的sina微博可以上下和左右滑動,百度手機輸入法可以四個方向滑動選詞。當只能單方向滑動,如左右,左右方向Y軸只要有位移都可以導致滑動;當可以兩個方向滑動,滑動根據(jù)位移所在的區(qū)間識別滑動方向,WP7的應用程序有時會分辨不清滑動方向。
慣性?;瑒榆壽E具有慣性,當手指離開觸摸屏時有速度,滑動效果不會立即結(jié)束,比如網(wǎng)頁的快速滾屏效果。在Android系統(tǒng)主界面,緩慢左右滑動半屏,界面并不會切換,當快速短距離左右滑動時,界面會根據(jù)慣性切換,這和現(xiàn)實世界的物理運動規(guī)律相吻合的。
起點和終點。在特定的區(qū)域內(nèi)開始滑動,操作不同,如百度手機輸入法的滑動選詞,滑動手勢也可以像點擊一樣限定區(qū)域。N9由底部向上滑動在五分之一區(qū)域停留識別為切換多任務。
這些是滑動的基本元素,更為復雜的操作需要應用程序自定義,如swype輸入法是利于曲線的折角識別選擇的字母,瀏覽器可以定義滑動的快捷操作,順著這個 思路可以預見將會有更多的滑動操作方式出現(xiàn)。