2. 搖一搖才能拍照出片？

喵喵記賬有個(gè)設(shè)計(jì)挺有意思的，按下相機(jī)拍照后，需要晃動(dòng)手機(jī)來使相片成像，才能看到影像慢慢顯現(xiàn)。

通過連接現(xiàn)實(shí)生活感受，使成像過程具備儀式感與趣味性。

亮點(diǎn)在于：不僅只在視覺上進(jìn)行擬物化，更注重與現(xiàn)實(shí)中類似的交互操作，使之更具真實(shí)感。

要點(diǎn)總結(jié)：系統(tǒng)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境，比如【用戶語(yǔ)言、使用習(xí)慣、手勢(shì)操作、生活聯(lián)想/隱喻等】

03 拖拽

1. 一拖就能發(fā)送照片？

QQ里的圖片發(fā)送很有意思，只要按住想要發(fā)送的圖片并往上拖動(dòng)，松手即可發(fā)送。不用像傳統(tǒng)的’先選中圖片，再點(diǎn)擊發(fā)送按鈕’，特別方便。

對(duì)于發(fā)送單張圖片來說，免去了常規(guī)的跳轉(zhuǎn)頁(yè)面調(diào)取相冊(cè)的多余步驟，大大提升操作成本。

亮點(diǎn)在于：利用手指的黃金操作熱區(qū)，賦予更加快速、便捷的操作方式，大大減少行為負(fù)荷。

要點(diǎn)總結(jié)：對(duì)用戶重要、常用的功能可以設(shè)置「快捷操作」，提升操作效率。

2. 頭像還能拖出來玩的？

在即刻的個(gè)人主頁(yè)里，可以隨意地拖拽、甩動(dòng)自己的頭像。松手后頭像會(huì)根據(jù)慣性回到原處。期間還帶著殘影、原來的頭像位置會(huì)顯示一個(gè)小紅心。

亮點(diǎn)在于：利用頭像降低了個(gè)人中心帶來’冷冰冰’的感覺，豐富產(chǎn)品的可玩性與互動(dòng)性。

要點(diǎn)總結(jié)：設(shè)計(jì)有趣的隱藏彩蛋，能給用戶帶來驚喜并有效拉進(jìn)之間的距離。

04 雙擊

1. 哪里需要點(diǎn)哪里？

早期在抖音上看視頻時(shí)，點(diǎn)擊或長(zhǎng)按屏幕上的任何位置都會(huì)顯示【愛心圖標(biāo)】與【操作浮層】。

大大減少用戶的操作成本（手指與目光的移動(dòng)），突顯產(chǎn)品的個(gè)性化服務(wù)。

2. 雙擊就能控制彈幕？

B站作為國(guó)內(nèi)「視頻彈幕」的始發(fā)者，它的用戶喜愛程度與操作頻率也是極高的。因此只要兩個(gè)手指雙擊屏幕，就能快速開啟或關(guān)閉彈幕。

用戶可隨時(shí)隨地開啟或關(guān)閉彈幕，無需特意找到右下角的固定入口進(jìn)行操作，大大減少操作成本。

亮點(diǎn)在于：免去用戶需要點(diǎn)擊特定區(qū)域的操作負(fù)荷，增加產(chǎn)品操作的舒適與自由度。

要點(diǎn)總結(jié)：系統(tǒng)狀態(tài)可見性：讓用戶知道【自己在做什么、處在系統(tǒng)的什么位置等】，并做出適當(dāng)?shù)姆答?。而且更多有趣、?chuàng)意的設(shè)計(jì)案例，可上：有蛋案例youdananli.com近千個(gè)行業(yè)/大廠里的優(yōu)秀案例、知識(shí)模型。

05 滑動(dòng)

1. 用標(biāo)尺來控制數(shù)值？

Florence里的標(biāo)尺設(shè)計(jì)得很有意思，通過第一人稱下的鏡頭視角，讓用戶感知當(dāng)前標(biāo)尺所對(duì)應(yīng)的人物清晰程度，以此來控制標(biāo)尺位置。

避免用戶掌握、控制不了合適標(biāo)尺的位置，提升選擇效率。

亮點(diǎn)在于：提供參照物可讓用戶有直觀的決策依據(jù)，減少操作成本。

要點(diǎn)總結(jié)：任何讓用戶更改/選擇的地方，都應(yīng)該明確地傳達(dá)出預(yù)覽效果。而且更多有趣、創(chuàng)意的設(shè)計(jì)案例，可上：有蛋案例youdananli.com近千個(gè)行業(yè)/大廠里的優(yōu)秀案例、知識(shí)模型。

2. 用拖拽來控制人物動(dòng)作？

Florence是一款‘模擬敘事’小游戲，里面很多的交互動(dòng)作都模擬了真實(shí)生活：比如【刷牙】，需要左右滑動(dòng)屏幕來模仿真實(shí)的刷牙動(dòng)作；再如【做飯】也需要滑動(dòng)平底鍋來模仿炒菜動(dòng)作。

亮點(diǎn)在于：利用交互動(dòng)作來推動(dòng)情節(jié)的發(fā)展，讓玩家有真實(shí)的代入感，提升游戲的趣味性。

要點(diǎn)總結(jié)：模擬真實(shí)生活/環(huán)境的設(shè)計(jì)，能有效提升用戶的理解能力、產(chǎn)品趣味性。

當(dāng)然還有iOS微信上的‘刪除確認(rèn)’，在原有的內(nèi)容基礎(chǔ)上表達(dá)對(duì)用戶的二次確認(rèn)，避免用戶手誤造成操作失誤，減少不必要的損失發(fā)生。

06 隔空手勢(shì)

華為Mate30pro 有個(gè)「隔空手勢(shì)」的交互，可以在距離屏幕20cm-40cm內(nèi)進(jìn)行手勢(shì)操作，如隔空翻頁(yè)、上下滑動(dòng)、隔空截屏等。

提升手機(jī)的使用體驗(yàn)與操作效率，特別是邊吃東西 邊玩手機(jī)（追劇看小說等）。

還有優(yōu)酷HD上線了一個(gè)黑科技交互【隔空手勢(shì)】，可隔著屏幕用手勢(shì)做各種操作。

如「播放/暫停、全屏/半屏、快進(jìn)/退15秒、亮度調(diào)節(jié)、音量調(diào)節(jié)」等操作，讓用戶不點(diǎn)觸摸屏幕就能操作視頻。

亮點(diǎn)在于：讓用戶解放雙手，無需手指觸摸到屏幕即可控制手機(jī)，可減少很多衛(wèi)生問題與操作成本。

要點(diǎn)總結(jié)：學(xué)會(huì)利用新技術(shù)來滿足更多、高層次的用戶訴求，通過一定的設(shè)計(jì)方式來滿足不同水平的用戶需求。

最后，再酷炫再方便的手勢(shì)，最多也只是錦上添花、起方便快捷的作用而已，不可能完全替代‘點(diǎn)擊’的位置與作用。

正如正文所說：手勢(shì)交互只適合用對(duì)業(yè)務(wù)重要、用戶常用的場(chǎng)景中，可以起到四兩撥千斤的，切記不可為了酷炫而隨便添加。

#專欄作家#

和出此嚴(yán)，微信公眾號(hào)：和出此嚴(yán)，人人都是產(chǎn)品經(jīng)理專欄作家。一枚在鵝廠成長(zhǎng)中的“90后老干部”，主產(chǎn)各種接地氣的交互/產(chǎn)品干貨。以做產(chǎn)品的方式，寫好每一篇文章。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于CC0協(xié)議。