移動(dòng)端相較于PC端的交互動(dòng)作，即手勢操作相較于鼠標(biāo)鍵盤輸入設(shè)備操作，是存在相當(dāng)大的不同的。在iOS系統(tǒng)出現(xiàn)之前的時(shí)代，是單點(diǎn)觸控的電容屏和觸控筆和手機(jī)端物理鍵盤對PC端的粗暴移植和復(fù)刻，有的移動(dòng)端設(shè)備甚至復(fù)制了PC端笨重的QWERTY鍵盤，那時(shí)移動(dòng)端的輸入設(shè)備基本和PC端是可以一一對應(yīng)的。

qwerty鍵盤+觸控筆

但在喬布斯主導(dǎo)的iOS系統(tǒng)和手勢操作系統(tǒng)出現(xiàn)后，我們已經(jīng)無法簡單把移動(dòng)端的手勢操作與PC端輸入設(shè)備簡單對應(yīng)了。移動(dòng)端設(shè)備的交互方式也從此開始與PC端的交互方式分道揚(yáng)鑣，漸行漸遠(yuǎn)。

被喬布斯拋棄的觸控筆和物理鍵盤帶來了移動(dòng)端交互革命

我們先來回顧一下PC端鼠標(biāo)針對UI控件的幾個(gè)主要交互動(dòng)作：

Hover：

有時(shí)候也被稱為“MouseOver+MouseOut”，PC端用戶可以用鼠標(biāo)指針移過UI控件時(shí)UI控件的交互反饋來推測UI控件的操作方式。某些位于某種UI控件之上的Hover動(dòng)作可能會(huì)讓鼠標(biāo)指針產(chǎn)生不同形態(tài)的變化，如鏈接會(huì)變?yōu)槭中停d入新內(nèi)容會(huì)變?yōu)樯陈?，可操作文字?nèi)容變?yōu)楣ぷ至海琎&A變?yōu)閱柼?hào)等等，鼠標(biāo)指針形態(tài)的改變是對當(dāng)前懸停位置內(nèi)容的一種指示。

有些UI控件本身會(huì)對鼠標(biāo)的Hover行為產(chǎn)生反饋，此時(shí)不光鼠標(biāo)指針會(huì)發(fā)生相應(yīng)的形態(tài)變化，UI控件本身也會(huì)根據(jù)預(yù)先定義產(chǎn)生不同形態(tài)的變化。熟悉CSS的朋友可能記得文字鏈接的幾種定義：:link; :visited; :hover; active; 其中的hover就是針對鼠標(biāo)懸停于自身時(shí)自己的樣式呈現(xiàn)。

Hover交互的用戶端觸發(fā)條件：移動(dòng)鼠標(biāo)指針。

Hover 交互

Click：

有時(shí)候也被稱為“Active”、“Action”、“MouseDown+MouseUp”，是鼠標(biāo)點(diǎn)擊UI控件后釋放點(diǎn)擊的一套交互行為，這個(gè)過程中用戶點(diǎn)擊和釋放的坐標(biāo)點(diǎn)是一致的，沒有移動(dòng)行為。系統(tǒng)在判定用戶的交互動(dòng)作是“Click”動(dòng)作后，提供用戶點(diǎn)擊的UI控件本身應(yīng)該提供的交互反饋或系統(tǒng)層級(jí)反饋。

Click交互一定是發(fā)生在Hover交互之后的，Hover是Click的前置動(dòng)作，因?yàn)椴话咽髽?biāo)指針懸浮到UI控件之上，是無法完成對目標(biāo)UI控件的點(diǎn)擊行為的。

Click交互的用戶端觸發(fā)條件：移動(dòng)鼠標(biāo)指針Hover目標(biāo)UI控件，然后按壓物理按鍵。

Click交互

Right Click：

PC端雖然判斷鼠標(biāo)點(diǎn)擊的事件監(jiān)聽機(jī)制是同樣的，但無論是蘋果的OSX系統(tǒng)還是微軟的Windows系統(tǒng)，都默認(rèn)把鼠標(biāo)右鍵點(diǎn)擊交互反饋留給了ContextMenu，即系統(tǒng)菜單，此時(shí)系統(tǒng)或應(yīng)用收回了對右鍵反饋的控制權(quán)，鼠標(biāo)右鍵點(diǎn)擊激活的是系統(tǒng)菜單，用戶需要再次點(diǎn)擊菜單選項(xiàng)來對當(dāng)前UI控件進(jìn)行更多操作。

Right Click交互的用戶端觸發(fā)條件：移動(dòng)鼠標(biāo)指針Hover目標(biāo)UI控件，然后按壓物理按鍵右鍵。

Right Click交互

Tap：

Tap交互也叫Soft-touch，中文一般稱為“輕敲”，是鼠標(biāo)指針Hover于某UI界面元素后，在鼠標(biāo)操作區(qū)（或觸控板外設(shè)）上快速輕敲以實(shí)現(xiàn)與界面元素間的互動(dòng)，普通的windows系統(tǒng)鼠標(biāo)可能不支持此操作。

Tap交互

Tap交互針對的UI界面元素一般是界面級(jí)控件，如操作區(qū)放大縮小、進(jìn)入程序選擇界面等。

Tap觸發(fā)條件：Hover于界面元素，輕敲鼠標(biāo)操作區(qū)，沒有物理按壓行為。

Drag：

Drag交互中文一般稱之為“拖拽”，是鼠標(biāo)指針Hover于某UI控件后，用鼠標(biāo)按鍵或其他方式觸發(fā)UI控件進(jìn)入拖拽狀態(tài)后，通過移動(dòng)鼠標(biāo)指針的位置來將UI控件拖移至指定位置，然后通過松開按鍵或其他方式解除控件拖拽狀態(tài)。

Drag交互

拖拽狀態(tài)需要UI控件本身支持拖拽功能才能激活。所以有時(shí)候通過鼠標(biāo)指針的變化來指示指定UI控件是可拖拽的。

拖拽狀態(tài)觸發(fā)條件：Hover于界面元素，按住鼠標(biāo)按鍵或快捷鍵激活拖拽狀態(tài)，拖拽完成后解除拖拽狀態(tài)。

Scroll：

Scroll交互是指鼠標(biāo)指針Hover于指定界面后，用鼠標(biāo)滾輪或輕劃動(dòng)作來實(shí)現(xiàn)界面內(nèi)容滾動(dòng)顯示。

Scroll狀態(tài)觸發(fā)條件：Hover于界面元素，滾動(dòng)鼠標(biāo)滾輪或上下輕劃鼠標(biāo)操作區(qū)。

Pan：

這個(gè)動(dòng)作中文一般稱為“平移”，是指鼠標(biāo)指針懸停在某個(gè)UI控件上方時(shí)，可以通過在鼠標(biāo)二維平面和屏幕之間建立一種映射關(guān)系，來實(shí)現(xiàn)在UI空間內(nèi)的卷屏效果。

平移

這個(gè)動(dòng)作是Mac的OSX等操作系統(tǒng)支持的蘋果專用鼠標(biāo)提供的基于鼠標(biāo)Hover交互的交互方式，如果我們把觸摸板外設(shè)也作為鼠標(biāo)的變體和延伸的話，筆記本的觸摸板也提供這個(gè)交互方式。

Pan交互觸發(fā)條件：Hover于指定控件，二維平面內(nèi)輕劃鼠標(biāo)操作區(qū)實(shí)現(xiàn)。

Zoom

Zoom交互分為放大（Zoom In）和縮?。╖oom Out）操作，一般是鼠標(biāo)指針Hover于指定界面或UI控件，通過鼠標(biāo)按鍵或快捷鍵激活Zoom狀態(tài)，縮放完成后，再通過釋放按鍵解除zoom狀態(tài)。

Zoom交互觸發(fā)條件：Hover于指定控件，通過鼠標(biāo)按鍵或快捷鍵激活Zoom狀態(tài)，二維平面內(nèi)輕劃鼠標(biāo)操作區(qū)實(shí)現(xiàn)Zoom效果，然后釋放按鍵解除Zoom狀態(tài)。

以上就是PC端鼠標(biāo)能夠?qū)崿F(xiàn)的主要交互行為。下一篇我們繼續(xù)分析PC端鼠標(biāo)交互和移動(dòng)端手勢交互的異同。