這是25學(xué)堂的小編閱讀了《Ruby的設(shè)計(jì)師博客》的一篇博文之后，讓我受益匪淺！而且這個(gè)命題是出自阿里巴巴UED部門(mén)的筆試題目。由此可見(jiàn),移動(dòng)APP端的知識(shí)必須要掌握牢靠！于是摘自了一些觀點(diǎn)來(lái)與大家分享！

到底移動(dòng)APP端有哪些獨(dú)特的交互設(shè)計(jì)模式呢？

淺談移動(dòng)APP設(shè)計(jì)的6點(diǎn)微創(chuàng)新，讓我們的APP更具風(fēng)騷

卡片式設(shè)計(jì)和卡片化滑動(dòng)設(shè)計(jì)App成功案例

下面是25學(xué)堂結(jié)合Ruby總結(jié)的7個(gè)方面的移動(dòng)APP端特有的交互設(shè)計(jì)模式

1、觸屏滑動(dòng)操作，移動(dòng)APP端最基本的操作方式。

（1）屏幕之間或者頁(yè)面直接的自由滑動(dòng)切換

比如手機(jī)移動(dòng)端的界面切換效果，可以滑動(dòng)使用快速友好的切換

（2）滑動(dòng)條目經(jīng)行刪除

橫向滑動(dòng)條目的操作猶如一汪清泉給移動(dòng)端交互帶來(lái)了更多地可能性。比如前兩年的GDT明星產(chǎn)品“Clear”，作為一款無(wú)按鈕的APP，左滑完成這個(gè)待辦事項(xiàng)，右滑刪除這個(gè)代辦事項(xiàng)，把之前的“刪除按鈕”或者其他功能按鈕轉(zhuǎn)化為不同的手勢(shì)操作，減少了用戶(hù)的點(diǎn)擊操作。

目前，側(cè)滑操作已經(jīng)廣泛的出現(xiàn)在各種移動(dòng)端應(yīng)用中了，并且有了很多變種。比如IOS7的任務(wù)管理，已經(jīng)從“點(diǎn)擊刪除”轉(zhuǎn)變?yōu)椤皩l目向上劃出”經(jīng)行刪除了。這種滑動(dòng)操作似乎是在模擬人們?nèi)拥魱|西的這種狀態(tài)，相比點(diǎn)擊操作，有更強(qiáng)的暗示性。

（3）滑動(dòng)解鎖

滑動(dòng)解鎖的本質(zhì)是一種防錯(cuò)機(jī)制。早期的非智能手機(jī)會(huì)通過(guò)組合按鍵的方式，來(lái)防止手機(jī)放在包包或者褲兜里不小心被解鎖了的問(wèn)題。而在智能觸屏手機(jī)中，通常只有一到兩個(gè)物理按鍵，防錯(cuò)機(jī)制很不完善。

滑動(dòng)解鎖作為一種有效的防錯(cuò)機(jī)制，包含流程“點(diǎn)亮屏幕”—“完成滑動(dòng)任務(wù)”—“解鎖完成”，通?；瑒?dòng)任務(wù)具有一定的難度，不會(huì)被意外出發(fā)。因此這個(gè)流程要求要求人們經(jīng)行一組“理性的行為”，很好地防止了意外行為下的錯(cuò)誤發(fā)生。

（4）側(cè)滑呼出菜單，也就是抽屜式菜單

在移動(dòng)端，人們想進(jìn)入新的頁(yè)面需要經(jīng)行跳轉(zhuǎn)，如果跳轉(zhuǎn)的次數(shù)太多，用戶(hù)就會(huì)感到困擾和迷惑。而側(cè)滑呼出菜單，并且保留主界面20%~50%的內(nèi)容，就可以保證用戶(hù)體驗(yàn)的一致性。

側(cè)滑呼出菜單通常與”三線漢堡“按鈕結(jié)合在一起使用，用戶(hù)可以通過(guò)點(diǎn)擊“三線漢堡”按鈕，也可以直接經(jīng)行滑動(dòng)，相比起來(lái)，滑動(dòng)的操作更加具有可用性，因?yàn)榭刹僮鞣秶浅４?，目?biāo)距離為零。

2、搖一搖功能

“搖一搖”最早的成功案例可能是微信中隨機(jī)添加好友的“搖一搖”。它的成功之處在與用新穎的交互操作替代了原先枯燥乏味的操作。

假設(shè)沒(méi)有“搖一搖”，那么替代操作很可能是個(gè)大按鈕，點(diǎn)擊一下，推送一個(gè)好友，同樣地產(chǎn)品，卻失去了趣味?！皳u一搖”的過(guò)程中，配合手機(jī)的聲音，屏幕上的畫(huà)面，給人帶來(lái)了增強(qiáng)現(xiàn)實(shí)的感受。

目前“搖一搖”這個(gè)功能應(yīng)用面廣泛了，比如抽獎(jiǎng)，領(lǐng)取金幣，找好友等等。

3、掃二維碼和條形碼

通常情況下，二維碼中包含的內(nèi)容只有一個(gè)連接。但是掃二維碼這個(gè)交互替代的流程是：

(1)打開(kāi)瀏覽器的搜索引擎，或者地址輸入欄

(2)輸入一段非常長(zhǎng)的地址

掃二維碼通過(guò)一個(gè)拍照的交互，主要解決了輸入地址信息的過(guò)程。通過(guò)簡(jiǎn)化地址信息的傳播，

二維碼可以廣泛的運(yùn)用在各種地方，包括電視媒體，平面海報(bào)等等。

4、下拉刷新和下拉切換頁(yè)面

以前刷新內(nèi)容需要點(diǎn)擊瀏覽器刷新，微博等現(xiàn)在變成下拉載入新內(nèi)容，基于手機(jī)觸摸端的操作特性，這樣的操作自然效率更高。

5、長(zhǎng)按效果和隱喻

在網(wǎng)頁(yè)端，我們有足夠的空間和hover效果，因此刪除操作可以方便的放在頁(yè)面里或者下拉菜單中。而在移動(dòng)端，我們的空間變少了，失去了hover效果，放置按鈕的地方極大的減少。

不過(guò)幸運(yùn)的是，但是在觸摸操作中，我們可以有時(shí)間的概念，就是“長(zhǎng)按”與“短按”。在大多數(shù)智能設(shè)備中，長(zhǎng)按可以刪除應(yīng)用和關(guān)閉之前打開(kāi)的應(yīng)用。在很多版本的安卓手機(jī)里，長(zhǎng)按返回鍵或者HOME建也可以呼出任務(wù)管理菜單。

長(zhǎng)按可以復(fù)制文字，轉(zhuǎn)發(fā)圖片，發(fā)布文章等。

6、拍照掃描上傳，拍照分享

移動(dòng)APP端，大部分手機(jī)都有攝像頭，可以調(diào)用拍照功能，豐富很多交互操作等等。

7、地圖實(shí)時(shí)定位功能，

有著類(lèi)似GPS的功能，有箭頭的指向。比pc端的地圖更具生動(dòng)和友好的交互體驗(yàn)效果