01. 評論區(qū)雙指上滑送出“抱抱”

在聽一首喜歡的音樂時，參與評論可以表達(dá)自己對音樂帶來的共鳴感，也可以看其它聽友的評論尋找知音。在網(wǎng)易云音樂的評論區(qū)隱藏著一個手勢交互，對某一條評論雙指上滑就會針對其給出擁抱，兩個小人微笑擁抱的動畫顯示在該條評論右下角，進(jìn)而用戶頭像下方會顯示“收到了抱抱”的標(biāo)簽提示。

在不新增功能入口的同時，借助雙指手勢交互來滿足需求，既能不破壞原生的結(jié)構(gòu)，又能帶給用戶不一樣的操作體驗。這個隱藏的彩蛋你是否注意到？以后在體驗產(chǎn)品的時候除了發(fā)現(xiàn)視覺表層的可見內(nèi)容以外，也要加強(qiáng)手勢交互的操作來發(fā)現(xiàn)更多隱藏的功能。

02. 長按激活單擊退出

iOS 的設(shè)計在手勢交互的探索上比較多，全屏的模式將手勢發(fā)揮到了極致，也帶給我們對于手勢交互的更多理解。在蘋果手機(jī)桌面，我們可以通過長按激活應(yīng)用管理，單擊則會退出管理模式，操作非常便利。

無需在當(dāng)前的設(shè)計上面新增更多繁瑣的控件，手勢的借助可以使得我們的設(shè)計更加極簡，減少過多的內(nèi)容對用戶的干擾。

03. 長按與時間跨度的結(jié)合

長按激活功能比較常見，但是結(jié)合時間長短的變化相對較少。蘋果手機(jī)桌面的應(yīng)用管理，在長按應(yīng)用圖標(biāo)時會彈窗展示功能列表，繼續(xù)維持長按則會進(jìn)入應(yīng)用管理，隨著長按的時間跨度不一樣激活不同功能需求。

在手勢交互設(shè)計過程中，除了通過動作的不同激活功能操作之外，也可以結(jié)合時間跨度、力度、位置等進(jìn)行組合交互，來滿足多重功能操作的需求。

04. 可以移動的紅包

通過紅包吸引用戶進(jìn)而轉(zhuǎn)化是很多電商產(chǎn)品的玩法，在必要 APP 中紅包通過倒計時的形式營造出緊迫感，促使用戶立即使用，進(jìn)而提高紅包的使用率。紅包懸浮在左側(cè)會擋住分類的展示，為了解決這個問題紅包借助滑動手勢可以移動，用戶可以在左側(cè)導(dǎo)航欄到底部標(biāo)簽欄之間任意滑動，方便預(yù)覽分類。

單指滑動是常用的手勢交互，精準(zhǔn)定位元素之后可以拖動使其改變位置，不僅方便內(nèi)容的展示也不會造成底層內(nèi)容的閱讀干擾。

05. 同一個功能不同的手勢交互

我們在觀看視頻的時候，短視頻是單擊控制播放/暫停，而視頻播放軟件則是通過雙擊控制。由于長視頻用戶需要觀看很久，容易觸屏造成誤操作，雙擊是為了形成二次確認(rèn)，降低誤操作的概率。

短視頻播放由于內(nèi)容比較簡短，可以通過單擊控制播放/暫停，雙擊則是更多功能的輔助，同一個功能在不同的場景需要配合不同的手勢。我們在進(jìn)行產(chǎn)品設(shè)計的時候，可以根據(jù)業(yè)務(wù)類型和用戶場景的差異借助手勢來滿足更多功能的操作，用戶習(xí)慣培養(yǎng)之后將會提高其操作體驗度。

06. 通過左滑程度控制刪除

左滑動是產(chǎn)品設(shè)計中非常普遍的手勢交互，通過左滑展開列表隱藏功能，比如編輯、置頂、刪除等。

在脈脈 APP 的消息模塊，消息列表左滑可以進(jìn)行置頂和刪除，如果繼續(xù)往左側(cè)滑動則會實現(xiàn)自動刪除，以此來替代點擊刪除圖標(biāo)完成刪除操作的步驟。通過左滑配合點擊刪除操作路徑多一步，而左滑程度控制刪除效率更高，針對一些消息較多的產(chǎn)品，可以方便用戶快速清理未讀消息。

07. 雙擊頭像“拍一拍”

在微信群聊或者與好友聊天的時候，為了重點提示好友，可以通過雙擊好友頭像進(jìn)行“拍一拍”，晃動的頭像和震動的提示加強(qiáng)好友對信息的關(guān)注度。

結(jié)合雙擊的手勢交互，在不改變當(dāng)前布局的情況下加強(qiáng)社交屬性，增強(qiáng)好友間的互動提示，通過手勢豐富了社交體驗。

08. 單擊進(jìn)入全屏模式

雖然手機(jī)逐步進(jìn)入大屏?xí)r代，但是用戶還是希望獲得更少的干擾，全屏模式的操作可以讓干擾降到最低。

百度地圖在操作后會有彈窗式的內(nèi)容呈現(xiàn)，用戶可以通過單擊屏幕退出彈窗，再次單擊則會進(jìn)一步隱藏基礎(chǔ)控件，進(jìn)入全屏模式。通過單擊的手勢交互來簡化內(nèi)容結(jié)構(gòu)，降低干擾帶給用戶更集中的操作體驗。

09. 長按快速預(yù)覽精彩片段

通過愛奇藝 APP 刷劇的時候，在搜尋影視作品的過程中，可以通過長按作品封面進(jìn)行快速預(yù)覽，播放精彩片段來判斷是否值得追劇。

通過長按激活彈窗，可以在不改變當(dāng)前布局結(jié)構(gòu)的前提下，進(jìn)行更多功能操作。適合針對隱藏式功能，也能避免誤操作。

10. 長按結(jié)合位置區(qū)域變化

很多影視類產(chǎn)品在全屏播放視頻時，除了通過拖動進(jìn)度條進(jìn)行快進(jìn)/倒退之外，也能通過長按屏幕進(jìn)行快進(jìn)。

而騰訊視頻與之不同的是結(jié)合了屏幕區(qū)域，在全屏狀態(tài)下，左側(cè)區(qū)域長按快退，右側(cè)區(qū)域長按快進(jìn)。長按結(jié)合位置區(qū)域變化功能狀態(tài)，深入了手勢交互的操作，也能帶來不一樣的操作體驗。

11. 三擊激活“輔助觸控”

單擊和雙擊的手勢交互較為常見，而三擊手勢應(yīng)用較少，有待深入探索。目前來說，帶有 Home 鍵的蘋果系列手機(jī)，可以通過三擊 Home 鍵激活“輔助觸控”快捷鍵，再次三擊隱藏快捷鍵。

通過三擊可以快速激活功能快捷鍵，減少了多個步驟路徑，也不會導(dǎo)致用戶誤操作。

12. 下拉程度影響功能變化

手勢下滑形成下拉刷新已經(jīng)成為產(chǎn)品設(shè)計中的基礎(chǔ)操作，為了進(jìn)一步延展功能，很多產(chǎn)品在下拉過程中根據(jù)下拉的程度判斷是刷新還是進(jìn)入二層樓（活動或者功能模塊）。

通常是通過控制下拉的距離來做判斷，會提示“松開刷新”的字樣，如果繼續(xù)下拉則會激活功能變化。進(jìn)入二級功能界面或者二層樓活動界面，深度的功能開發(fā)帶給用戶更多的選擇性。

13. 縮放預(yù)覽相冊大小

蘋果手機(jī)自帶的相冊（照片）APP，可以通過雙指縮放來改變照片預(yù)覽的大小，方便用戶在眾多照片中通過縮小快速查看，再通過放大做進(jìn)一步的選擇。借助縮放的手勢交互，方便用戶自由縮放預(yù)覽并作出快捷的操作，提高了用戶的操作體驗感。

雙指縮放對于屏幕的縮放預(yù)覽十分便利，在很多應(yīng)用場景都有涉足，比如相冊、地圖、繪圖工具等。

14. 雙擊最大化圖片預(yù)覽

在圖片預(yù)覽的時候，可以通過雙擊最大化圖片，方便對細(xì)節(jié)的觀察。通過雙擊的手勢交互來快速放大圖片，在很多相冊應(yīng)用、電商產(chǎn)品、微信等社交產(chǎn)品中都有涉足，只要是全屏模式下預(yù)覽圖片，都可以通過該手勢交互完成縮放。

雙指縮放屬于慢動作，而雙擊最大化屬于快速一步到位，適合查看圖片細(xì)節(jié)等操作。通常是雙擊最大化，再次雙擊恢復(fù)正常。

15. 手勢交互控制地圖預(yù)覽

手勢交互在地圖軟件中的運用表現(xiàn)得淋漓盡致，對于用戶來說操作變得更加便利和快捷。

以高德地圖舉例：單擊手勢可以隱藏操作欄進(jìn)入全屏模式；長按固定區(qū)域會激活當(dāng)前位置定位，方便隨時查看和開始導(dǎo)航；雙擊手勢可以對地圖進(jìn)行固定倍數(shù)放大；雙指縮放可以對地圖進(jìn)行任意縮放，便于精準(zhǔn)查看位置區(qū)域等。手勢交互控制地圖預(yù)覽提升了操作便捷度，借助手勢提升了地圖類產(chǎn)品的體驗感。

16. 拖動完成自定義設(shè)置

隨著用戶對個性化的需求升級，很多產(chǎn)品都開放了部分常用功能模塊的自定義設(shè)置。比如網(wǎng)易云音樂的底部導(dǎo)航欄在設(shè)置環(huán)節(jié)中，便可通過拖動完成自定義設(shè)置。

利用壓力結(jié)合滑動可以實現(xiàn)拖動手勢交互，對于一些需要用戶謹(jǐn)慎操作的功能比較適合，也能有效防止誤操作。

17. 拖動疊加實現(xiàn)應(yīng)用建組

當(dāng)用戶下載的應(yīng)用很多的時候，通常都會通過建組管理手機(jī)桌面上的各類應(yīng)用軟件?？梢酝ㄟ^拖動應(yīng)用疊加到其他應(yīng)用軟件上實現(xiàn)自動建組，建組、進(jìn)組、移出等操作均可通過拖動手勢完成，操作非常便利。

拖動手勢交互針對一些防止誤操作的功能比較適合，相當(dāng)于二次確認(rèn)的過程。

18. 長按滑動實現(xiàn)多選

在百度網(wǎng)盤中可以通過單擊選擇控件對文件進(jìn)行選擇操作，也可以通過長按整個區(qū)域?qū)崿F(xiàn)選中，長按過程中可以結(jié)合滑動實現(xiàn)多選。

長按滑動進(jìn)行多選針對文件較多的場景非常便利，也不用擔(dān)心誤操作。在一些相冊應(yīng)用中點擊選擇按鈕之后也可以通過滑動實現(xiàn)多選，操作路徑多一步。無論是通過激活選擇按鈕，還是長按都是起到二次確認(rèn)的作用，長按滑動操作相對更簡單。

小結(jié)