設計思考:雙擊對方的微信頭像,為什么會晃?
在微信里,快速雙擊對方的頭像,頭像會晃動一下,這個隱藏很深的功能有什么意義?本文作者從場景和設計原則兩個方面對此進行了分析探究。
在微信里,快速雙擊對方的頭像,頭像會晃動一下,而且還伴有震動。
這不是新功能。2018年圣誕節(jié)前,微信發(fā)布了7.0版本,點擊「我」進入個人主頁,可以看到右上角多了一個「相機」圖標。點擊圖標,可以立即錄制或上傳一段小視頻,可以加表情包、字母、配樂,還可以定位。它叫做:即刻視頻。
即刻視頻雖也是短視頻,但和其他平臺的短視頻有很大差異:朋友僅能在發(fā)布的24小時內(nèi)看到,超過24小時將不再顯示。這個新功能帶來了一個新交互,今天主要聊聊這個交互:在微信里快速雙擊對方頭像,頭像會晃動一下,這個隱藏很深的功能有什么意義?
點擊頭像的場景
我們點擊他人的微信頭像,一般有三類需求:
- 單擊查看個人資料。想要查看對方的頭像、微信號、標簽、備注等個人信息,可單擊對方頭像進入名片頁面查看。
- 單擊查看朋友圈。如果忽然想看某個好友的朋友圈,唯一的入口就是單擊對方頭像進入其名片頁面,點擊「朋友圈」進入這位好友的朋友圈列表頁。
- 雙擊查看即刻視頻。想要查看某個好友的即刻視頻,可以通過雙擊好友頭像查看。如果好友24h內(nèi)發(fā)過視頻,雙擊后直接進入即刻視頻播放頁面;如果好友24h內(nèi)未發(fā)過視頻,雙擊其頭像就會抖動一下。
為什么要這么設計
在很多展示內(nèi)容的產(chǎn)品功能設計中,有內(nèi)容和無內(nèi)容采用同一種交互:有內(nèi)容就查看內(nèi)容,無內(nèi)容就給一個置空頁面的設計。微信的朋友圈采用的就是這種邏輯:點擊好友朋友圈,進去后根據(jù)好友關(guān)系和對方的權(quán)限設置看到相應的內(nèi)容;如果被刪除,則朋友圈顯示一條直線。
那為什么即刻視頻要針對“同一個需求”、“不同結(jié)果”采用兩種交互呢?
1)雙擊頭像,有視頻能進去,沒視頻進不去;
2)沒有視頻,雙擊會抖動一下,可以沒反應
沒視頻可以給置空頁面啊,不用晃。
用戶之所以會產(chǎn)生雙擊對方頭像的行為,有兩種動機:查看對方的即刻視頻內(nèi)容;純粹無聊,瞎點著玩兒(不知道有即刻視頻)。
如果是第一種動機,用戶就是奔著”看視頻”去的,就像你奔著吃飯去一家餐館一樣,進店坐下之后老板從簾子后面跑出來告訴你:不好意思,今天不營業(yè),我們大掃除。如果在你進門之前,在門口就張貼著“今日歇業(yè)”,是否減少了你的行動成本?
如果是基于第二種動機設計的交互,就更容易理解了。即刻視頻上線時較為低調(diào)、入口相對隱蔽,而且也并非高頻功能。通常關(guān)注微信功能更新的都是產(chǎn)品經(jīng)理和追熱點的新媒體小編,這些人在微信龐大的用戶中所占比例非常小,大部分人并不知道有”即刻視頻“這種東西。
對于不知道的用戶而言,無意之間雙擊頭像點進去,沒視頻的情況下看到一個置空頁面,用戶會疑惑:這里是什么?在哪里發(fā)布?微信給的答案就很好:這里沒有東西、你也不知道是什么,那就不需要進來。
雙擊可以沒反應啊,不用晃。
確定性給人安全感。采取行為——得到反饋,已經(jīng)成為人的基本認知行為。
無論什么場景下,如果你采取了某一行為,對方?jīng)]有任何反應,你會以為“他是不是沒聽到”、“我是不是沒發(fā)出去”、“這個按鈕是不是壞掉了”、“我剛剛點了嗎”……一旦產(chǎn)生這種心理,就會促使人再度采取行為。
很多人在坐電梯的時候,會狂按電梯關(guān)門的按鈕,直到門開始關(guān)閉。可事實是:在接收到關(guān)閉按鈕的信號后,電梯的運行系統(tǒng)需要反應時間和運行時間,排除你沒有按到和電梯按鈕壞掉的情況,你按一下和按三下是沒有區(qū)別的。
至于為什么交互效果做成晃動的樣子,個人猜測微信是為了做一個擬人的交互和反饋?;我幌碌男Ч唵我桌斫?,和人的搖頭動作也很像,告訴你“沒有”;另一方面也有點類似于觸電,告訴你“別點了”。
兩個設計原則
最后,用兩個UX設計原則來回答:為什么給出頭像晃動的交互?
原則一:狀態(tài)可見原則
狀態(tài)可見原則指的是:保持界面的狀態(tài)可見、變化可見、內(nèi)容可見系統(tǒng)應該讓用戶時刻清楚當前發(fā)生了什么事情,也就是快速的讓用戶了解自己處于何種狀態(tài)、對過去發(fā)生、當前目標、以及對未來去向有所了解,一般的方法是在合適的時間給用戶適當?shù)姆答?,防止用戶使用出現(xiàn)錯誤。
原則二:多爾蒂門檻
多爾蒂門檻:系統(tǒng)需要在 400ms 內(nèi)對使用者的操作做出響應,這樣才能夠讓使用者保持專注,并提高生產(chǎn)效率。
注:請務必挨個觀察,不要看整體,看單個的效果。
從動畫中可以感受到,50ms、200ms 還算可以讓人接受,當響應時間達到 600ms 時已經(jīng)讓人有些不耐煩,而達到 1000ms 時會讓人不自覺多點幾下,2000ms 時手機已經(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é)議
- 目前還沒評論,等你發(fā)揮!