微信紅包:看到就想戳,只因符合用戶認(rèn)知的設(shè)計(jì)

1 評(píng)論 7757 瀏覽 26 收藏 11 分鐘

微信紅包在設(shè)計(jì)上是如何實(shí)現(xiàn)在快捷、直接的簡(jiǎn)化信息框架內(nèi),滿足大家的好奇心和情感需要的呢?

“能用紅包解決的問題,就不用對(duì)話”

“是檢驗(yàn)我們之間感情的時(shí)候了,發(fā)紅包嗎?”

“一分也是愛”

“謝謝老板,發(fā)紅包的都好帥”

“為什么都趁我不在的時(shí)候發(fā)紅包?”

“我有預(yù)感,有人會(huì)發(fā)紅包”……

這些 “紅包語(yǔ)錄” 是不是很熟悉?每天在微信群里聊天都可以遇到。有了紅包雨的群更熱鬧有趣,有了紅包往來(lái)的好友會(huì)覺得更親切。

一顆橙色氣泡,簡(jiǎn)單的收發(fā)一瞬之間,成了我們?nèi)粘I詈苤匾囊粋€(gè)部分。

這個(gè)簡(jiǎn)單動(dòng)作的背后,微信紅包在設(shè)計(jì)上是如何實(shí)現(xiàn)在快捷、直接的簡(jiǎn)化信息框架內(nèi),滿足大家的好奇心和情感需要的呢?

符合用戶認(rèn)知的設(shè)計(jì) “紅包就該是這個(gè)樣子”

紅包無(wú)非兩個(gè)流程,一個(gè)收、一個(gè)發(fā),要快、要直接?;叵肽闶盏接H朋好友壓歲錢紅包那會(huì)兒的你和 TA 是啥心情?事實(shí)上,在現(xiàn)實(shí)生活中,當(dāng)人們發(fā)紅包或者收紅包時(shí),行為和結(jié)果的心智模型已經(jīng)形成。設(shè)計(jì)上要做的就是跟隨這種心智模型去摸索交互原型,這能幫助用戶更容易的認(rèn)知、使用紅包。

0

什么是用戶心智模型呢?

簡(jiǎn)單說,就是用戶對(duì)一個(gè)事物在自己內(nèi)心里預(yù)先的認(rèn)知。

這就跟我們?nèi)ジ粋€(gè)人打交道,觀察一個(gè)事物一樣,每個(gè)人會(huì)先拿自己的經(jīng)驗(yàn)和知識(shí)在他沒有真正了解之前先開始以自己的認(rèn)知去預(yù)估和判斷。也就是說,如果設(shè)計(jì)符合用戶正確心智模型,它就會(huì)變得很簡(jiǎn)單,因?yàn)橛脩糇约阂呀?jīng)幫我們解釋了很多事情。

0

形象上,把現(xiàn)有紅包的形態(tài)抽象固化出來(lái),讓人看到就知道。因?yàn)橛刑焐男闹悄P?,認(rèn)為紅包就是這樣。不用跟他說這是什么按鈕,他一看知道是微信紅包,很自然的去理解然后再怎么去做;

另外,在收發(fā)的時(shí)候,包括像紅包翻開,紅包展開,信息一步一步打開這個(gè)過程也跟實(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)看,它就是紅色配黃色,就很喜慶的感覺。

640

(聊天氣泡形成強(qiáng)烈暗示)

設(shè)計(jì)團(tuán)隊(duì)有意通過圓方兩種造型和色彩的對(duì)比,突出了紅包中圓形封口這一焦點(diǎn),通過按鈕 + 動(dòng)畫結(jié)合,讓你按下開紅包的時(shí)候, 會(huì)有金幣轉(zhuǎn)動(dòng),這種視覺和體驗(yàn)上與用戶心智模型的契合, 解釋了為啥每次我們看到這個(gè)黃色圓形的時(shí)候就有戳的沖動(dòng)。

即便是形在演變,但當(dāng)把這個(gè)形做得很簡(jiǎn)單并賦予了它一個(gè)意義之后,它就會(huì)變成一個(gè)框架。

看看下面這張圖,是不是無(wú)論換什么顏色,你一看就知道它是微信紅包。比如說拜年紅包、節(jié)日紅包,它的底色都可以變,圖案也可以變,但是這個(gè)形是不會(huì)變。

640-1

(紅包的形態(tài)架構(gòu))

圓形是整個(gè)紅包的視覺焦點(diǎn), 即使不看文字提示,沒用過紅包的人也知道 “點(diǎn)圓圈可以打開”,因?yàn)轫?yè)面只有唯一一個(gè)圓形按鈕,沒有多余信息。就像 iPhone 上的 home 鍵十分明確, 用戶可以迅速、直接地找到觸發(fā)點(diǎn)。點(diǎn)擊后紅包上下拆開, 過渡展開更多信息。和用戶認(rèn)知一致, 就會(huì)覺得順暢自然。

0-1

(收紅包)

拆紅包為啥要 “轉(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ì)過渡包紅包動(dòng)畫再選擇好友。因?yàn)榘l(fā)紅包跟轉(zhuǎn)賬不同,除了錢,還多了一層 “封紅包” 的意味,這也是讓用戶的所見所感符合他預(yù)設(shè)的認(rèn)知。

不是說了要保證讓用戶最簡(jiǎn)單爽快的拆紅包嗎?為什么不直接在氣泡上拆,而要先打開一個(gè)具體的紅包, 再點(diǎn)擊去拆?

這看起來(lái)是步驟多了, 但是這里可以滿足用戶:

  • 印證正確的心智模型:一遞一接一拆;
  • 重現(xiàn)現(xiàn)實(shí)中的儀式感;
  • 用戶的控制權(quán):拆與不拆代表了用戶接不接受這個(gè)紅包。決定權(quán)在于用戶。

為什么拆紅包的過程是金光閃閃的 “轉(zhuǎn)金幣”, 而不是 “轉(zhuǎn)菊花”?

0-2

因?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ā)。

怎么做到越簡(jiǎn)單越容易被傳播?

產(chǎn)品設(shè)計(jì)最重要的一個(gè)點(diǎn)就是 “簡(jiǎn)單”。

微信紅包盡量做到信息的簡(jiǎn)化,最短化 “收 – 發(fā)” 路徑,讓收發(fā)更快。

其實(shí)在開始的方案討論過程中有過很多嘗試:轉(zhuǎn)贈(zèng)紅包、裂變上繳紅包、游戲機(jī)紅包、捐公益紅包、折紙紅包、金幣紅包等等等,但微信設(shè)計(jì)團(tuán)隊(duì)發(fā)現(xiàn)這些玩法背后的核心還是紅包本身,而復(fù)雜性帶來(lái)學(xué)習(xí)成本遠(yuǎn)超過趣味性。最后回歸紅包最基本的單元——只做普通紅包和裂變紅包,外加兩個(gè)春節(jié)變體、企業(yè)紅包和拜年紅包。

這些紅包 “單元” 從形態(tài)到玩法都是簡(jiǎn)單、一致的,越簡(jiǎn)單明確,越容易記憶,越容易被傳播。

搶紅包或者收紅包是一個(gè)非常緊張的過程,但設(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)樂此不疲,不用在乎多少錢,玩的就是一種樂趣和人與人之間情感的溝通交流,甚至帶著一點(diǎn)拼運(yùn)氣的成分,譬如今天如果你搶了個(gè)手氣最佳紅包,會(huì)不會(huì)覺得今天都會(huì)運(yùn)氣好很多,給你一種積極的心理暗示?

 

來(lái)源:微信公眾號(hào):微信派(id:wx-pai)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 你把紅包換成藍(lán)色等冷色系看看春節(jié)發(fā)紅包量會(huì)不會(huì)少?
    關(guān)鍵是人性的貪婪,再加上中國(guó)的紅包文化,第一次被搬到線上就持續(xù)火爆。
    還有一個(gè)就是平臺(tái)的作用,為啥互聯(lián)網(wǎng)發(fā)展這么多年,線上紅包卻非要等到微信紅包才大火特火?微信的社交屬性是基于熟人關(guān)系鏈

    來(lái)自廣東 回復(fù)