設(shè)計(jì)揭秘：為什么看到微信紅包就想戳？
來(lái)源：微信派（ID：wx-pai）
數(shù)英網(wǎng)DIGITALING 用戶原創(chuàng)文章，轉(zhuǎn)載請(qǐng)聯(lián)系作者本人
“能用紅包解決的問(wèn)題，就不用對(duì)話”
“是檢驗(yàn)我們之間感情的時(shí)候了，發(fā)紅包嗎？”
“一分也是愛”
“謝謝老板，發(fā)紅包的都好帥”
“為什么都趁我不在的時(shí)候發(fā)紅包？”
“我有預(yù)感，有人會(huì)發(fā)紅包”……
這些“紅包語(yǔ)錄”是不是很熟悉？每天在微信群里聊天都可以遇到。有了紅包雨的群更熱鬧有趣，有了紅包往來(lái)的好友會(huì)覺得更親切。
一顆橙色氣泡，簡(jiǎn)單的收發(fā)一瞬之間，成了我們?nèi)粘Ｉ詈苤匾囊粋€(gè)部分。
這個(gè)簡(jiǎn)單動(dòng)作的背后，微信紅包在設(shè)計(jì)上是如何實(shí)現(xiàn)在快捷、直接的簡(jiǎn)化信息框架內(nèi)，滿足大家的好奇心和情感需要的呢？
01 符合用戶認(rèn)知的設(shè)計(jì) “紅包就該是這個(gè)樣子”
紅包無(wú)非兩個(gè)流程，一個(gè)收、一個(gè)發(fā)，要快、要直接。回想你收到親朋好友壓歲錢紅包那會(huì)兒的你和TA是啥心情？事實(shí)上，在現(xiàn)實(shí)生活中，當(dāng)人們發(fā)紅包或者收紅包時(shí)，行為和結(jié)果的心智模型已經(jīng)形成。設(shè)計(jì)上要做的就是跟隨這種心智模型去摸索交互原型，這能幫助用戶更容易的認(rèn)知、使用紅包。
什么是用戶心智模型呢？
簡(jiǎn)單說(shuō)，就是用戶對(duì)一個(gè)事物在自己內(nèi)心里預(yù)先的認(rèn)知。
這就跟我們?nèi)ジ粋€(gè)人打交道，觀察一個(gè)事物一樣，每個(gè)人會(huì)先拿自己的經(jīng)驗(yàn)和知識(shí)在他沒有真正了解之前先開始以自己的認(rèn)知去預(yù)估和判斷。也就是說(shuō)，如果設(shè)計(jì)符合用戶正確心智模型，它就會(huì)變得很簡(jiǎn)單，因?yàn)橛脩糇约阂呀?jīng)幫我們解釋了很多事情。
發(fā)紅包
形象上，把現(xiàn)有紅包的形態(tài)抽象固化出來(lái)，讓人看到就知道。因?yàn)橛刑焐男闹悄Ｐ停J(rèn)為紅包就是這樣。不用跟他說(shuō)這是什么按鈕，他一看知道是微信紅包，很自然的去理解然后再怎么去做；
另外，在收發(fā)的時(shí)候，包括像紅包翻開，紅包展開，信息一步一步打開這個(gè)過(guò)程也跟實(shí)際生活中領(lǐng)紅包的類似。
“紅包”這一有著特殊文化意味的符號(hào)已經(jīng)深入人心，設(shè)計(jì)上用抽象的方形、圓形概括紅包形態(tài)，特定的比例和顏色，一看就可以識(shí)別出“微信紅包”。而不同紅包類型形態(tài)統(tǒng)一，也強(qiáng)化用戶對(duì)微信紅包的品牌認(rèn)知。
從黃色的聊天氣泡開始就給你一種非常強(qiáng)烈的暗示，這個(gè)是帶錢的。顏色上來(lái)看，它就是紅色配黃色，就很喜慶的感覺。
聊天氣泡形成強(qiáng)烈暗示
設(shè)計(jì)團(tuán)隊(duì)有意通過(guò)圓方兩種造型和色彩的對(duì)比，突出了紅包中圓形封口這一焦點(diǎn)，通過(guò)按鈕+動(dòng)畫結(jié)合，讓你按下開紅包的時(shí)候，會(huì)有金幣轉(zhuǎn)動(dòng)，這種視覺和體驗(yàn)上與用戶心智模型的契合，解釋了為啥每次我們看到這個(gè)黃色圓形的時(shí)候就有戳的沖動(dòng)。
即便是形在演變，但當(dāng)把這個(gè)形做得很簡(jiǎn)單并賦予了它一個(gè)意義之后，它就會(huì)變成一個(gè)框架。
看看下面這張圖，是不是無(wú)論換什么顏色，你一看就知道它是微信紅包。比如說(shuō)拜年紅包、節(jié)日紅包，它的底色都可以變，圖案也可以變，但是這個(gè)形是不會(huì)變。
紅包的形態(tài)架構(gòu)
圓形是整個(gè)紅包的視覺焦點(diǎn),即使不看文字提示，沒用過(guò)紅包的人也知道“點(diǎn)圓圈可以打開”，因?yàn)轫?yè)面只有唯一一個(gè)圓形按鈕，沒有多余信息。就像 iPhone 上的 home 鍵十分明確,用戶可以迅速、直接地找到觸發(fā)點(diǎn)。點(diǎn)擊后紅包上下拆開,過(guò)渡展開更多信息。和用戶認(rèn)知一致,就會(huì)覺得順暢自然。
收紅包
02 拆紅包為啥要“轉(zhuǎn)金幣”？營(yíng)造期待感和驚喜
好奇心、期待感、驚喜、趣味等等人類基本情感的要素都體現(xiàn)在打開微信紅包那一刻的設(shè)計(jì)里。
紅包一般在特定場(chǎng)景使用。和工具類產(chǎn)品不同，除了效率，微信設(shè)計(jì)團(tuán)隊(duì)在設(shè)計(jì)時(shí)更關(guān)注了情感的觸點(diǎn)。
紅包包好后，會(huì)過(guò)渡包紅包動(dòng)畫再選擇好友。因?yàn)榘l(fā)紅包跟轉(zhuǎn)賬不同，除了錢，還多了一層“封紅包”的意味，這也是讓用戶的所見所感符合他預(yù)設(shè)的認(rèn)知。
不是說(shuō)了要保證讓用戶最簡(jiǎn)單爽快的拆紅包嗎？
為什么不直接在氣泡上拆，而要先打開一個(gè)具體的紅包，再點(diǎn)擊去拆？
這看起來(lái)是步驟多了,但是這里可以滿足用戶：
? 印證正確的心智模型：一遞一接一拆；
? 重現(xiàn)現(xiàn)實(shí)中的儀式感；
? 用戶的控制權(quán)：拆與不拆代表了用戶接不接受這個(gè)紅包。決定權(quán)在于用戶。
為什么拆紅包的過(guò)程是金光閃閃的“轉(zhuǎn)金幣”，而不是“轉(zhuǎn)菊花”？
因?yàn)榧t包上這枚小金幣形象在整個(gè)界面設(shè)計(jì)體系中已經(jīng)有了具象意義，同樣表達(dá)“加載中”，比起冷冰冰的“轉(zhuǎn)菊花”，在拆拼手氣紅包時(shí)“轉(zhuǎn)金幣”暗示著未知金額，這更強(qiáng)化了不確定性帶來(lái)的成就感，讓用戶充滿期待。
另外，你還會(huì)發(fā)現(xiàn)拆到群紅包后還設(shè)計(jì)了小驚喜，趣味性讓微信紅包更像玩游戲一樣。
紅包頁(yè)面會(huì)標(biāo)出“x秒/分被搶光”,用搶紅包的時(shí)間暗示其受歡迎程度,這讓發(fā)包的人也可以獲得額外的情感滿足。領(lǐng)到最多錢的人會(huì)被標(biāo)記“手氣最佳”，而紅包記錄里,還可以看到手氣最佳的數(shù)據(jù)匯總,這樣在查看或炫耀時(shí)多了一個(gè)有趣的指標(biāo)。
群紅包默認(rèn)為拼手氣群紅包而不是定額紅包，為什么要醬紫呢？
先看看拼手氣群紅包的優(yōu)勢(shì)：
? 金額隨機(jī)，時(shí)大時(shí)小的金額能給用戶驚喜；
? 可以看到其他用戶搶了多少，引起攀比心理（這次搶得不爽，下次一定要搶個(gè)大的~）；
? 產(chǎn)生很多新奇玩法， 譬如紅包接龍，手氣最佳者接著發(fā)，或者手氣最差者發(fā)。
03 怎么做到越簡(jiǎn)單越容易被傳播？
產(chǎn)品設(shè)計(jì)最重要的一個(gè)點(diǎn)就是“簡(jiǎn)單”。
微信紅包盡量做到信息的簡(jiǎn)化，最短化“收-發(fā)”路徑，讓收發(fā)更快。
其實(shí)在開始的方案討論過(guò)程中有過(guò)很多嘗試：轉(zhuǎn)贈(zèng)紅包、裂變上繳紅包、游戲機(jī)紅包、捐公益紅包、折紙紅包、金幣紅包等等等，但微信設(shè)計(jì)團(tuán)隊(duì)發(fā)現(xiàn)這些玩法背后的核心還是紅包本身，而復(fù)雜性帶來(lái)學(xué)習(xí)成本遠(yuǎn)超過(guò)趣味性。最后回歸紅包最基本的單元——只做普通紅包和裂變紅包，外加兩個(gè)春節(jié)變體、企業(yè)紅包和拜年紅包。
這些紅包“單元”從形態(tài)到玩法都是簡(jiǎn)單、一致的，越簡(jiǎn)單明確，越容易記憶，越容易被傳播。
搶紅包或者收紅包是一個(gè)非常緊張的過(guò)程，但設(shè)計(jì)做了很多簡(jiǎn)化，讓各種復(fù)雜的信息都內(nèi)置。設(shè)計(jì)上就是只幫助用戶搶，其他所有信息用戶都不需要關(guān)注。所以彈出來(lái)的就只有一個(gè)按鈕。
發(fā)群紅包，大部分都是發(fā)拼手氣紅包，設(shè)計(jì)上默認(rèn)拼手氣，將等額紅包收起做成切換入口，減少用戶選擇。
用戶則對(duì)這種簡(jiǎn)單的體驗(yàn)樂(lè)此不疲，不用在乎多少錢，玩的就是一種樂(lè)趣和人與人之間情感的溝通交流，甚至帶著一點(diǎn)拼運(yùn)氣的成分，譬如今天如果你搶了個(gè)手氣最佳紅包，會(huì)不會(huì)覺得今天都會(huì)運(yùn)氣好很多，給你一種積極的心理暗示？
- END -
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（8條）