但隨著大屏手機的出現(xiàn)、逐漸追求個性化、高效率的操作等原因，使得不少人開始習(xí)慣用“摳邊返回”的方式返回上一頁：按住屏幕左側(cè)邊緣并拖動。
無需特意將手指移動到特定的左上角位置、再點擊back圖標(biāo)，隨意在屏幕左側(cè)邊緣按住并拖拽 即可返回上一頁，方便又快捷。
而且現(xiàn)在越來越多的手勢，賦予了用戶更多的操作自由與使用效率，也讓互聯(lián)網(wǎng)產(chǎn)品的生命力進一步得到了強化，給每個產(chǎn)品的功能體驗帶來了更大的發(fā)揮空間。
下面帶大家欣賞一下，各個手勢里好玩、優(yōu)秀的互聯(lián)網(wǎng)設(shè)計案例。
一、雙指捏合
1、捏一捏就能抱抱？
之前網(wǎng)易（抑）云上線了一個很暖心的交互，在某條歌曲評論上用雙指捏一下，就會彈出一個“抱抱”的動畫，寫下這條評論的用戶就能收到一個“抱抱”。
夠給那些生擁有悲觀情緒（特別是抑郁癥）的人求得心靈寄托，帶來一些溫暖、安慰，表達用戶情緒，也降低產(chǎn)品不良風(fēng)評（網(wǎng)抑云）。
亮點在于：運用「環(huán)境貼切」原則，雙指捏合的手勢動作聯(lián)想到了現(xiàn)實里的「抱一抱」動作，更符合/表達出抱一抱的情感關(guān)懷和暖心情緒。
觀點總結(jié)：產(chǎn)品不應(yīng)該是冷冰冰的，應(yīng)該給用戶探索更多的樂趣和溫度，通過「用戶關(guān)懷」助力產(chǎn)品口碑與印象的提升。
2、捏一捏就能伸縮？
iOS的相冊圖片，可以使用雙指捏合or分離 即可對圖片進行放大、縮小瀏覽，快速查看圖片細(xì)節(jié)。
免去用戶「需要點擊圖片后，再去縮放」的操作鏈路，大大減少操作路徑。但該交互更多符合國外操作習(xí)慣，國內(nèi)還是習(xí)慣采用【點擊后再放大】方式放大圖片。
亮點在于：用同一個模塊兼容多種交互/內(nèi)容，免去用戶「需要點擊圖片后，再去縮放」的操作鏈路
要點總結(jié)：可思考用一定的快捷操作來滿足不同水平的用戶需求，允許用戶定制常用功能，比如【快捷鍵、重新操作、默認(rèn)值等】
二、搖一搖
1、搖一搖就能加載內(nèi)容？
愛奇藝在啟動頁上的信息展示上做了創(chuàng)新：只需“搖一搖”即可進入對應(yīng)的廣告詳情和影視劇播放頁，拋離傳統(tǒng)的“點擊”模式
亮點在于：利用新鮮玩法來吸引更多用戶觀看廣告、影視綜視頻，減少對啟動頁內(nèi)容的抵觸情緒與用戶流失
要點總結(jié)：學(xué)會用趣味性交互 / 新的設(shè)計手法吸引用戶目光，利用新鮮感的驅(qū)使引導(dǎo)用戶參與，減少流失
2、搖一搖才能拍照出片？
喵喵記賬有個設(shè)計挺有意思的，按下相機拍照后，需要晃動手機來使相片成像，才能看到影像慢慢顯現(xiàn)。
通過連接現(xiàn)實生活感受，使成像過程具備儀式感與趣味性。
亮點在于：不僅只在視覺上進行擬物化，更注重與現(xiàn)實中類似的交互操作，使之更具真實感。
要點總結(jié)：系統(tǒng)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境，比如【用戶語言、使用習(xí)慣、手勢操作、生活聯(lián)想/隱喻等】
三、拖拽
1、一拖就能發(fā)送照片？
QQ里的圖片發(fā)送很有意思，只要按住想要發(fā)送的圖片并往上拖動，松手即可發(fā)送。不用像傳統(tǒng)的’先選中圖片，再點擊發(fā)送按鈕’，特別方便
對于發(fā)送單張圖片來說，免去了常規(guī)的跳轉(zhuǎn)頁面調(diào)取相冊的多余步驟，大大提升操作成本
亮點在于：利用手指的黃金操作熱區(qū)，賦予更加快速、便捷的操作方式，大大減少行為負(fù)荷
要點總結(jié)：對用戶重要、常用的功能可以設(shè)置「快捷操作」，提升操作效率
2、頭像還能拖出來玩的？
在即刻的個人主頁里，可以隨意地拖拽、甩動自己的頭像。松手后頭像會根據(jù)慣性回到原處。期間還帶著殘影、原來的頭像位置會顯示一個小紅心。
亮點在于：利用頭像降低了個人中心帶來’冷冰冰’的感覺，豐富產(chǎn)品的可玩性與互動性
要點總結(jié)：設(shè)計有趣的隱藏彩蛋，能給用戶帶來驚喜并有效拉進之間的距離
四、雙擊
· 哪里需要點哪里？
早期在抖音上看視頻時，點擊或長按屏幕上的任何位置都會顯示【愛心圖標(biāo)】與【操作浮層】。
大大減少用戶的操作成本（手指與目光的移動），突顯產(chǎn)品的個性化服務(wù)。
2、雙擊就能控制彈幕？
B站作為國內(nèi)「視頻彈幕」的始發(fā)者，它的用戶喜愛程度與操作頻率也是極高的。因此只要兩個手指雙擊屏幕，就能快速開啟或關(guān)閉彈幕。
用戶可隨時隨地開啟或關(guān)閉彈幕，無需特意找到右下角的固定入口進行操作，大大減少操作成本。
亮點在于：免去用戶需要點擊特定區(qū)域的操作負(fù)荷，增加產(chǎn)品操作的舒適與自由度
要點總結(jié)：系統(tǒng)狀態(tài)可見性：讓用戶知道【自己在做什么、處在系統(tǒng)的什么位置等】，并做出適當(dāng)?shù)姆答?
五、滑動
1、用標(biāo)尺來控制數(shù)值？
Florence里的標(biāo)尺設(shè)計得很有意思，通過第一人稱下的鏡頭視角，讓用戶感知當(dāng)前標(biāo)尺所對應(yīng)的人物清晰程度，以此來控制標(biāo)尺位置。
避免用戶掌握、控制不了合適標(biāo)尺的位置，提升選擇效率
亮點在于：提供參照物可讓用戶有直觀的決策依據(jù)，減少操作成本
要點總結(jié)：任何讓用戶更改/選擇的地方，都應(yīng)該明確地傳達出預(yù)覽效果
2、用拖拽來控制人物動作？
Florence是一款‘模擬敘事’小游戲，里面很多的交互動作都模擬了真實生活：
比如【刷牙】，需要左右滑動屏幕來模仿真實的刷牙動作；再如【做飯】也需要滑動平底鍋來模仿炒菜動作。
亮點在于：利用交互動作來推動情節(jié)的發(fā)展，讓玩家有真實的代入感，提升游戲的趣味性。
要點總結(jié)：模擬真實生活/環(huán)境的設(shè)計，能有效提升用戶的理解能力、產(chǎn)品趣味性
當(dāng)然還有iOS微信上的‘刪除確認(rèn)’，在原有的內(nèi)容基礎(chǔ)上表達對用戶的二次確認(rèn)，避免用戶手誤造成操作失誤，減少不必要的損失發(fā)生
六、隔空手勢
華為Mate30pro 有個「隔空手勢」的交互，可以在距離屏幕20cm-40cm內(nèi)進行手勢操作，如隔空翻頁、上下滑動、隔空截屏等。
提升手機的使用體驗與操作效率，特別是邊吃東西 邊玩手機（追劇看小說等）
還有優(yōu)酷HD上線了一個黑科技交互【隔空手勢】，可隔著屏幕用手勢做各種操作
如「播放/暫停、全屏/半屏、快進/退15秒、亮度調(diào)節(jié)、音量調(diào)節(jié)」等操作，讓用戶不點觸摸屏幕就能操作視頻。
亮點在于：讓用戶解放雙手，無需手指觸摸到屏幕即可控制手機，可減少很多衛(wèi)生問題與操作成本。
要點總結(jié)：學(xué)會利用新技術(shù)來滿足更多、高層次的用戶訴求，通過一定的設(shè)計方式來滿足不同水平的用戶需求。
– END
最后，再酷炫再方便的手勢，最多也只是錦上添花、起方便快捷的作用而已，不可能完全替代‘點擊’的位置與作用。
正如正文所說：手勢交互只適合用對業(yè)務(wù)重要、用戶常用的場景中，可以起到四兩撥千斤的，切記不可為了酷炫而隨便添加。
以上老和對【手勢操作】的一些小總結(jié)，覺得認(rèn)同的麻煩幫我【點贊/在看/收藏/轉(zhuǎn)發(fā)】，寫得不對的請輕點噴~
作者：和出此嚴(yán)
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》有沒有發(fā)現(xiàn)，‘點擊 ’開始變少而各種手勢越來越多了？
藍藍設(shè)計( m.lzhte.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司