移動(dòng)端設(shè)備之所有又被稱為“移動(dòng)智能終端”，是因?yàn)橐苿?dòng)端設(shè)備由于嵌入了比PC設(shè)備多得多的各種傳感器，從而也就能實(shí)現(xiàn)比PC端多得多的交互效果，但因?yàn)楸疚闹饕且懻撌謩?shì)交互和鼠標(biāo)交互的異同，所以對(duì)除了屏幕以外的其他傳感器交互方式不做進(jìn)一步的深入討論。

移動(dòng)端傳感器

PC上的鼠標(biāo)點(diǎn)擊會(huì)產(chǎn)生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件，但是在移動(dòng)終端頁面觸屏?xí)r會(huì)產(chǎn)生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件，分別對(duì)應(yīng)了觸屏開始、拖拽及完成觸屏事件和取消交互。

移動(dòng)端手勢(shì)交互和PC端最大的不同是：移動(dòng)端交互都是以Touch為基礎(chǔ)，只有手指接觸了屏幕，才能進(jìn)行后續(xù)的所有操作，任何交互都發(fā)生在手指Touch屏幕的那一瞬間之后，而PC端鼠標(biāo)要與界面UI控件之間發(fā)生交互，很多時(shí)候只需要光標(biāo)位置懸停在目標(biāo)控件之上即可完成。

移動(dòng)端Touch交互

這種根本性的交互差異深刻地影響了兩種設(shè)備的交互方式。

下面來看下移動(dòng)端可以實(shí)現(xiàn)的交互效果：

1. Tap

Tap，或稱為Click或Touch，是移動(dòng)設(shè)備上最常使用的一種手勢(shì)輸入方式，因手指已經(jīng)替代了智能筆，以犧牲點(diǎn)擊的精確度換取了便捷性，因此要求確保可點(diǎn)擊的控件最小可點(diǎn)擊范圍(換算為物理尺寸大致在7mm－9mm之間)，可點(diǎn)擊范圍太小會(huì)影響用戶使用體驗(yàn)。

如果控件在點(diǎn)擊時(shí)和點(diǎn)擊后產(chǎn)生的操作之間間隔時(shí)間較久，建議控件在點(diǎn)擊時(shí)能夠在表現(xiàn)形式上做出即時(shí)反饋，這樣可以明確告知用戶點(diǎn)擊已生效而非系統(tǒng)卡死或沒點(diǎn)擊到。

Tap時(shí)的Active效果

2. Scroll

滾動(dòng)是用戶在明確操作對(duì)象與周圍環(huán)境阻尼系數(shù)較小時(shí)通過快速移動(dòng)操作對(duì)象并利用物體的慣性來達(dá)到移動(dòng)較長距離目的的操作方式。與拖拽相反，滾動(dòng)會(huì)盡量利用操作對(duì)象移動(dòng)的慣性，所以要求用戶在手指初次點(diǎn)擊屏幕到手指離開屏幕的持續(xù)時(shí)間短且點(diǎn)擊點(diǎn)和離開點(diǎn)的坐標(biāo)位置有較大差異。

3. Double Tap

雙擊是在手指界面上快速而連續(xù)的兩次輕敲，兩次輕敲之間間隔時(shí)間不能太長否則系統(tǒng)會(huì)作為兩次單獨(dú)的點(diǎn)擊處理。

雙擊

雙擊較多用于地圖、圖片瀏覽等場(chǎng)景中，一般會(huì)以點(diǎn)擊坐標(biāo)為中心點(diǎn)做一定程度的放大縮小操作。如果界面需要頻繁用到單次點(diǎn)擊，建議不要加入雙擊。如果使用了雙擊，就需要弱化或去除界面對(duì)單次點(diǎn)擊的反饋。由于雙擊的可發(fā)現(xiàn)性較弱，建議謹(jǐn)慎使用。

雙擊交互

4. Press

長按是指手指在屏幕固定坐標(biāo)點(diǎn)按壓持續(xù)一定時(shí)長的手勢(shì)操作，如以PC端的左鍵點(diǎn)擊對(duì)應(yīng)移動(dòng)設(shè)備的點(diǎn)擊，則可以長按作為PC端右鍵點(diǎn)擊的對(duì)應(yīng)，一般多用于刪除列表項(xiàng)、啟動(dòng)編輯等應(yīng)用場(chǎng)景，但因?yàn)榭砂l(fā)現(xiàn)性弱，建議謹(jǐn)慎使用。

長按

在某些場(chǎng)景中，長按激活某控件的編輯狀態(tài)后，需要再配合點(diǎn)擊或拖拽手勢(shì)完成編輯任務(wù)，然后點(diǎn)擊“完成”、“結(jié)束”按鈕或界面上其它位置來恢復(fù)到默認(rèn)狀態(tài)。

長按激活拖拽

5. Drag

拖拽手勢(shì)是對(duì)現(xiàn)實(shí)世界中拖拽物體行為的一種簡(jiǎn)單映射，用戶在拖拽物體時(shí)，期望控件落在一個(gè)較精確可控的坐標(biāo)點(diǎn)，如被拖拽物體所在環(huán)境對(duì)被拖拽物體阻尼系數(shù)較大，用戶在物體到達(dá)目標(biāo)坐標(biāo)點(diǎn)后可以快速松開手，如果被拖拽物體所在環(huán)境對(duì)其阻尼系數(shù)較小，用戶在物體到達(dá)目標(biāo)坐標(biāo)點(diǎn)后會(huì)持續(xù)一小段時(shí)間以消除運(yùn)動(dòng)慣性，帶有限位刻度的，用戶會(huì)使用快速的拖拽甚至是不精確的點(diǎn)擊來實(shí)現(xiàn)物體往目標(biāo)點(diǎn)的移動(dòng)，這些對(duì)用戶來說操作和反饋都是與現(xiàn)實(shí)世界一致的下意識(shí)行為，學(xué)習(xí)成本極低。

拖拽效果實(shí)現(xiàn)機(jī)制

6. Flick

輕掃手勢(shì)較多用于被操作對(duì)象有固定行程且每段行程之間都需要單獨(dú)的輕掃手勢(shì)操作的情況，使用此手勢(shì)操作的用戶對(duì)于被操作對(duì)象的操作方式、操作結(jié)果有明確認(rèn)知。

輕掃交互

輕掃應(yīng)用場(chǎng)景

7. Pinch

捏夾手勢(shì)是兩個(gè)手指在屏幕上做出捏夾動(dòng)作，系統(tǒng)根據(jù)手指落點(diǎn)坐標(biāo)和離開坐標(biāo)判斷兩指之間的距離是增大還是減小，并對(duì)界面進(jìn)行相應(yīng)的放大縮小操作。

Pinch交互

8. Rotate

旋轉(zhuǎn)手勢(shì)是兩個(gè)手指對(duì)操作對(duì)象進(jìn)行旋轉(zhuǎn)操作，使操作對(duì)象也旋轉(zhuǎn)相應(yīng)角度的操作方式。

旋轉(zhuǎn)交互

9. Others

其他手勢(shì)操作

其他手勢(shì)交互

以上就是移動(dòng)端手勢(shì)操作的基本交互方式。下篇我們來一起分析移動(dòng)端手勢(shì)操作相較于PC端鼠標(biāo)操作的異同點(diǎn)。