在微信里，快速雙擊對方的頭像，頭像會(huì)晃動(dòng)一下，這個(gè)隱藏很深的功能有什么意義？本文作者從場景和設(shè)計(jì)原則兩個(gè)方面對此進(jìn)行了分析探究。

在微信里，快速雙擊對方的頭像，頭像會(huì)晃動(dòng)一下，而且還伴有震動(dòng)。

這不是新功能。2018年圣誕節(jié)前，微信發(fā)布了7.0版本，點(diǎn)擊「我」進(jìn)入個(gè)人主頁，可以看到右上角多了一個(gè)「相機(jī)」圖標(biāo)。點(diǎn)擊圖標(biāo)，可以立即錄制或上傳一段小視頻，可以加表情包、字母、配樂，還可以定位。它叫做：即刻視頻。

即刻視頻雖也是短視頻，但和其他平臺(tái)的短視頻有很大差異：朋友僅能在發(fā)布的24小時(shí)內(nèi)看到，超過24小時(shí)將不再顯示。這個(gè)新功能帶來了一個(gè)新交互，今天主要聊聊這個(gè)交互：在微信里快速雙擊對方頭像，頭像會(huì)晃動(dòng)一下，這個(gè)隱藏很深的功能有什么意義？

點(diǎn)擊頭像的場景

我們點(diǎn)擊他人的微信頭像，一般有三類需求：

1. 單擊查看個(gè)人資料。想要查看對方的頭像、微信號、標(biāo)簽、備注等個(gè)人信息，可單擊對方頭像進(jìn)入名片頁面查看。
2. 單擊查看朋友圈。如果忽然想看某個(gè)好友的朋友圈，唯一的入口就是單擊對方頭像進(jìn)入其名片頁面，點(diǎn)擊「朋友圈」進(jìn)入這位好友的朋友圈列表頁。
3. 雙擊查看即刻視頻。想要查看某個(gè)好友的即刻視頻，可以通過雙擊好友頭像查看。如果好友24h內(nèi)發(fā)過視頻，雙擊后直接進(jìn)入即刻視頻播放頁面；如果好友24h內(nèi)未發(fā)過視頻，雙擊其頭像就會(huì)抖動(dòng)一下。

為什么要這么設(shè)計(jì)

在很多展示內(nèi)容的產(chǎn)品功能設(shè)計(jì)中，有內(nèi)容和無內(nèi)容采用同一種交互：有內(nèi)容就查看內(nèi)容，無內(nèi)容就給一個(gè)置空頁面的設(shè)計(jì)。微信的朋友圈采用的就是這種邏輯：點(diǎn)擊好友朋友圈，進(jìn)去后根據(jù)好友關(guān)系和對方的權(quán)限設(shè)置看到相應(yīng)的內(nèi)容；如果被刪除，則朋友圈顯示一條直線。

那為什么即刻視頻要針對“同一個(gè)需求”、“不同結(jié)果”采用兩種交互呢？

1）雙擊頭像，有視頻能進(jìn)去，沒視頻進(jìn)不去；

2）沒有視頻，雙擊會(huì)抖動(dòng)一下，可以沒反應(yīng)

沒視頻可以給置空頁面啊，不用晃。

用戶之所以會(huì)產(chǎn)生雙擊對方頭像的行為，有兩種動(dòng)機(jī)：查看對方的即刻視頻內(nèi)容；純粹無聊，瞎點(diǎn)著玩兒（不知道有即刻視頻）。

如果是第一種動(dòng)機(jī)，用戶就是奔著”看視頻”去的，就像你奔著吃飯去一家餐館一樣，進(jìn)店坐下之后老板從簾子后面跑出來告訴你：不好意思，今天不營業(yè)，我們大掃除。如果在你進(jìn)門之前，在門口就張貼著“今日歇業(yè)”，是否減少了你的行動(dòng)成本？

如果是基于第二種動(dòng)機(jī)設(shè)計(jì)的交互，就更容易理解了。即刻視頻上線時(shí)較為低調(diào)、入口相對隱蔽，而且也并非高頻功能。通常關(guān)注微信功能更新的都是產(chǎn)品經(jīng)理和追熱點(diǎn)的新媒體小編，這些人在微信龐大的用戶中所占比例非常小，大部分人并不知道有”即刻視頻“這種東西。

對于不知道的用戶而言，無意之間雙擊頭像點(diǎn)進(jìn)去，沒視頻的情況下看到一個(gè)置空頁面，用戶會(huì)疑惑：這里是什么？在哪里發(fā)布？微信給的答案就很好：這里沒有東西、你也不知道是什么，那就不需要進(jìn)來。

雙擊可以沒反應(yīng)啊，不用晃。

確定性給人安全感。采取行為——得到反饋，已經(jīng)成為人的基本認(rèn)知行為。

無論什么場景下，如果你采取了某一行為，對方?jīng)]有任何反應(yīng)，你會(huì)以為“他是不是沒聽到”、“我是不是沒發(fā)出去”、“這個(gè)按鈕是不是壞掉了”、“我剛剛點(diǎn)了嗎”……一旦產(chǎn)生這種心理，就會(huì)促使人再度采取行為。

很多人在坐電梯的時(shí)候，會(huì)狂按電梯關(guān)門的按鈕，直到門開始關(guān)閉?？墒聦?shí)是：在接收到關(guān)閉按鈕的信號后，電梯的運(yùn)行系統(tǒng)需要反應(yīng)時(shí)間和運(yùn)行時(shí)間，排除你沒有按到和電梯按鈕壞掉的情況，你按一下和按三下是沒有區(qū)別的。

至于為什么交互效果做成晃動(dòng)的樣子，個(gè)人猜測微信是為了做一個(gè)擬人的交互和反饋?；我幌碌男Ч唵我桌斫?，和人的搖頭動(dòng)作也很像，告訴你“沒有”；另一方面也有點(diǎn)類似于觸電，告訴你“別點(diǎn)了”。

兩個(gè)設(shè)計(jì)原則

最后，用兩個(gè)UX設(shè)計(jì)原則來回答：為什么給出頭像晃動(dòng)的交互？

原則一：狀態(tài)可見原則

狀態(tài)可見原則指的是：保持界面的狀態(tài)可見、變化可見、內(nèi)容可見系統(tǒng)應(yīng)該讓用戶時(shí)刻清楚當(dāng)前發(fā)生了什么事情，也就是快速的讓用戶了解自己處于何種狀態(tài)、對過去發(fā)生、當(dāng)前目標(biāo)、以及對未來去向有所了解，一般的方法是在合適的時(shí)間給用戶適當(dāng)?shù)姆答?，防止用戶使用出現(xiàn)錯(cuò)誤。

原則二：多爾蒂門檻

多爾蒂門檻：系統(tǒng)需要在 400ms 內(nèi)對使用者的操作做出響應(yīng)，這樣才能夠讓使用者保持專注，并提高生產(chǎn)效率。

注：請務(wù)必挨個(gè)觀察，不要看整體，看單個(gè)的效果。

從動(dòng)畫中可以感受到，50ms、200ms 還算可以讓人接受，當(dāng)響應(yīng)時(shí)間達(dá)到 600ms 時(shí)已經(jīng)讓人有些不耐煩，而達(dá)到 1000ms 時(shí)會(huì)讓人不自覺多點(diǎn)幾下，2000ms 時(shí)手機(jī)已經(jīng)被砸了。

#專欄作家#

燒包鹿，微信公眾號：產(chǎn)品經(jīng)理小助理，人人都是產(chǎn)品經(jīng)理專欄作家。3年產(chǎn)品經(jīng)理，互聯(lián)網(wǎng)深度用戶，善于分析用戶。

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

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