怎樣設(shè)計(jì)一個(gè)不好的“紅點(diǎn)”邏輯
紅點(diǎn)邏輯的設(shè)計(jì)和運(yùn)營,看上去比登錄/注冊還要簡單,但卻可以扯出很多產(chǎn)品設(shè)計(jì)和運(yùn)營要遵循的一些基本原則,因此非常有必要講講。
讓我們談?wù)劶t點(diǎn)需求從何而來
先擺結(jié)論:紅點(diǎn)配置的需求,主要來自公司內(nèi)部的業(yè)務(wù)方,滿足為業(yè)務(wù)引流的需求(比如微信的現(xiàn)金?!坝螒颉比肟谌绻麤]有紅點(diǎn),你可能一直不會去點(diǎn))。
紅點(diǎn)最初是從什么地方產(chǎn)生的?網(wǎng)上有公開的一些資料可以查到,據(jù)稱是黑莓第一個(gè)用起來(未經(jīng)考證),后來Jobs在iOS把它發(fā)揚(yáng)光大,安卓又前赴后繼,最后大家把它干成了一個(gè)業(yè)內(nèi)較為常見引流運(yùn)營工具,特別對于強(qiáng)迫癥患者用戶,效果奇佳。于是,市面上逐漸出現(xiàn)了千奇百怪的一些設(shè)計(jì),接下來讓我手把手教你做一個(gè)不好的紅點(diǎn)設(shè)計(jì)。
玩爛紅點(diǎn)絕招1:確保用戶一臉懵逼,琢磨不透你的心思
配紅點(diǎn)容易,但你(具體業(yè)務(wù))接不接得住流量,接得好不好,是另外一回事兒。
讓我們來看一下,什么叫接不住:
案例1:“雪球”APP提示有277喔,厲害了,不點(diǎn)進(jìn)去看看怎么行?
Excuse me? 所以277是什么??今日吉數(shù)嗎?
案例二:哎呀,Linkin有6個(gè)獵頭找我啦,我得去看看!
Excuse me? 1+1+5=6?小學(xué)班主任喊你回去罰站。
本質(zhì)上來講,紅點(diǎn)提醒就是預(yù)期管理。
紅點(diǎn)的配置一般都在一些入口處,比如菜單,Tab上等等。這意味著會存在至少兩個(gè)層級的信息(有時(shí)甚至更多層級)。上一級的紅點(diǎn)所透露的信息,是下一級信息的壓縮版。比如,為了提醒用戶有4條活動詳情需查看,在上一級的消息中心入口放了數(shù)字紅點(diǎn)“4”。
因此,投放紅點(diǎn)時(shí),務(wù)必從末級信息的提示開始,向上一級信息推探紅點(diǎn)配置的合理性。比如案例一,末級信息是空,但上一級信息卻是277;案例二,末級信息是7個(gè)消息提醒,但上一級信息是6。都與用戶預(yù)期產(chǎn)生偏差。這種情況發(fā)生多了,就變成“狼來了”,失去用戶的信任感,并對紅點(diǎn)免疫(或純粹為消除而消除)。
業(yè)內(nèi)有大量的app,給了紅點(diǎn),但點(diǎn)擊后,讓用戶不清楚落地頁希望提示的信息具體是什么。
反過來,給個(gè)正面例子,看看微信游戲入口怎么玩兒紅點(diǎn)。
案例三:好像有一個(gè)叫封神的新游戲哦,去看一下吧。
一進(jìn)來,彈窗,提示可以玩一下這個(gè)叫封神什么的游戲哦,那就進(jìn)入游戲吧!
點(diǎn)了進(jìn)入游戲,跳轉(zhuǎn)app store,想玩兒你要先下載啊!有道理,那下載一個(gè)唄!
接得妥妥的(我沒收騰訊錢)。
我們從末級信息反推來看看:
3. APP store游戲下載頁,希望用戶可以下載這個(gè)叫“封神”的游戲
2. 微信游戲首頁,一個(gè)強(qiáng)彈窗,告知用戶,有個(gè)新游戲叫“封神”,可以去玩玩
1. 微信發(fā)現(xiàn)頁,游戲頻道,紅點(diǎn)+文案提示:有新游戲叫封神哦,來看看嘛。
自始至終,信息都是一致,有承接的。
預(yù)期管理在(任何類型的)設(shè)計(jì)中都是一個(gè)基本原則,不符合預(yù)期的設(shè)計(jì)會違背人的直覺反應(yīng)。這一點(diǎn)可能還會在我往后的文章中反復(fù)提到。
玩爛紅點(diǎn)絕招2:確保用戶點(diǎn)過有紅點(diǎn)的按鈕后不消除
處女座強(qiáng)迫癥患者與紅點(diǎn)是一對相生相戀的CP。
你感覺壓力大的時(shí)候,會不會抖腳?會不會轉(zhuǎn)筆?會不會想找個(gè)泡泡包裝紙一個(gè)個(gè)捏爆他們?
美國兩位小伙兒,前段時(shí)間再Kickstarter上眾籌了一款魔性爆款產(chǎn)品,有興趣的可以去搜搜,叫Fidget cube。
(圖片來自公眾號:zuiheikeji)
我感覺很多紅點(diǎn)也可以這樣玩兒??!業(yè)內(nèi)很多APP的紅點(diǎn)會讓你消不掉。是的,點(diǎn)了也不消。點(diǎn)多少次,它還屹立在那里!
據(jù)我觀察和設(shè)計(jì)經(jīng)驗(yàn),業(yè)內(nèi)有兩種常用的紅點(diǎn)消除的邏輯。
第一種 – “末級消除”:點(diǎn)擊了最后一個(gè)紅點(diǎn)(或完成指定操作),才消除所有層級的紅點(diǎn)。
第二種 –?“點(diǎn)過即消”:每點(diǎn)擊一個(gè)紅點(diǎn),就消一個(gè)。
對于運(yùn)營或業(yè)務(wù)方來說,第一種的引流效果會更好,因?yàn)闀?qiáng)迫用戶點(diǎn)完所有的紅點(diǎn)(完成任務(wù))。但是!但是!私以為,這種紅點(diǎn)只能用于對于用戶來講優(yōu)先級非常重要的信息提示(比如微信“發(fā)現(xiàn)”與“朋友圈”上的紅點(diǎn),不消除“朋友圈”的,“發(fā)現(xiàn)”上的紅點(diǎn)也不會消除;另外,iOS自帶的“信息”和“電話”也是這種邏輯):
案例四:如果不點(diǎn)擊消除“朋友圈”的紅點(diǎn),“發(fā)現(xiàn)”上的紅點(diǎn)即使點(diǎn)了也不會消除。
但是業(yè)內(nèi),很多友商,都用在了業(yè)務(wù)方/運(yùn)營方自認(rèn)為對公司很重要的業(yè)務(wù)上,忽略了用戶的意愿與感受。
案例五:卷皮的“我的購物習(xí)慣”用于收集用戶信息(有利于商品的個(gè)性化推薦),如果不填寫完,即使點(diǎn)過,也會一直存在。
因此,我更傾向普遍的運(yùn)用“點(diǎn)過即消”的紅點(diǎn),每一個(gè)層級的紅點(diǎn)只負(fù)責(zé)這一層級的引導(dǎo)任務(wù),完成后,就可以全身而退了。這樣,即使用戶對更深層級的信息不感興趣,操作了返回,也不會影響在上一層級的其他操作。對用戶來講極其重要的信息(如客服回復(fù)消息等),方可使用“末級消除”的紅點(diǎn)。
唯品會的個(gè)人中心紅點(diǎn)設(shè)計(jì)即遵循了上述的設(shè)計(jì)思路——除了待支付訂單、優(yōu)惠券即將到期提醒兩種,其余所有菜單配置的紅點(diǎn),都是點(diǎn)過即消的。
玩爛紅點(diǎn)絕招3:都想紅,一起來??!
有個(gè)事實(shí)是需要擺出來的:每一個(gè)業(yè)務(wù)負(fù)責(zé)人(或運(yùn)營同學(xué)),都希望有更多的流量可以進(jìn)入。流量是血液,是產(chǎn)品的生命。
所以,作為個(gè)人中心菜單的產(chǎn)品,比較像一個(gè)奶媽。
孩子都要喂,喂哪一個(gè)呢?
有人選擇了都要喂(以前某寶的這些孩子都在首頁,現(xiàn)在雖然調(diào)配去二級入口了,但用iPhone6來看,仍有3屏以上的內(nèi)容):
有人選擇只喂飽幾個(gè)結(jié)實(shí)的(微信這個(gè)結(jié)構(gòu)長期沒變過,佩服張小龍的掌控力):
我個(gè)人傾向于常喂那些重要的業(yè)務(wù)(比如近期唯品會個(gè)人中心強(qiáng)推的活動:簽到送唯品幣,拉回訪),必要時(shí),可以給一些孩子一些機(jī)會(配2天紅點(diǎn),看看之后是否回訪流量提升了),證明自己的重要性,隨著產(chǎn)品的完善,慢慢培植出自帶的流量勢能。
簡而言之:信息多了,等于沒有信息。重點(diǎn)多了,等于沒有重點(diǎn)。且行且珍惜。
玩爛紅點(diǎn)絕招4:躲貓貓的紅點(diǎn)
這一節(jié)比較粗暴簡約。
我想說的是配色。
友商自帶bug的配色(問:圖中有幾個(gè)紅點(diǎn)):
來看看咱家的:
總結(jié)一下
如果你想設(shè)計(jì)一個(gè)不好“紅點(diǎn)”邏輯,應(yīng)該:
- 確保用戶一臉懵逼,琢磨不透你的心思;
- 確保用戶點(diǎn)過有紅點(diǎn)的按鈕后不消除;
- 都想紅,一起來??!都配上紅點(diǎn)!
- 在配色上躲貓貓,讓用戶找不到紅點(diǎn)。
Well done!
厲害了我的哥,恭喜完成了一個(gè)不好的“紅點(diǎn)”設(shè)計(jì)。
(本文未經(jīng)本人允許,不得轉(zhuǎn)載。)
作者:Joao_Zhang,公眾號:PathsVIVI
本文由 @Joao_Zhang?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
分析的有理有據(jù),有總結(jié)。棒棒的
謝謝支持哦:)
好文,文章看到一半的時(shí)候我去買了個(gè)Fidget cube 總資產(chǎn)-10000,謝謝你
我是不是應(yīng)該問他拿點(diǎn)回扣( ̄▽ ̄)
哈哈哈哈 好文 看的我都樂了
多謝支持哦
不錯(cuò)不錯(cuò)
??
以小見大 不錯(cuò)不錯(cuò)
??
嗨呀,不知道為啥,我還想肛你呀~ ?? 不過挺稀飯你的文章的,多多努力
??
捂菊( * )
骰子不錯(cuò)
買買買
紅點(diǎn)實(shí)現(xiàn)的邏輯遠(yuǎn)比本文分析的要復(fù)雜。
實(shí)現(xiàn)邏輯是指啥。開發(fā)?
強(qiáng)迫癥不能忍紅點(diǎn)。所以一般老是出現(xiàn)紅點(diǎn)的,我直接刪app了,但是我很好奇,一直不點(diǎn)擊紅點(diǎn),許久之后,會有多少個(gè)紅點(diǎn)提示啊哈哈哈
999
in的那個(gè)應(yīng)該是沒問題的,總數(shù)是6條,右上角的消息icon和右下角的消息tab是相同的指向,只不過右上角的icon是全局的,右下角的tab只在首頁顯示
右上角如果是全局,為何只標(biāo)1呢,應(yīng)該是6呀,或者是純紅點(diǎn)
他的意思是右上角的icon是和下方消息tab對應(yīng)的,都是1沒啥問題,有兩個(gè)地方提示消息紅點(diǎn)罷了 ??
你這樣一說,我看懂了。有點(diǎn)饒。交互設(shè)計(jì)應(yīng)該遵循”don’t make me think”。
?? 深受紅點(diǎn)之害,現(xiàn)在已經(jīng)麻木了,一般不會因?yàn)榧t點(diǎn)打開app,甚至于把朋友圈的更新提示都關(guān)掉了
能救一個(gè)是一個(gè) ?
二手東金牌會員 自己家產(chǎn)品卻只是銀牌耶? ??
與自家的目標(biāo)用戶不符 ??
應(yīng)該說競品調(diào)研做的比較多(認(rèn)真臉)
哈哈哈
文章看完了,請問作者收了哪家公司的錢?
有錢就好了 ??
你手機(jī)里APP怎么分的呀,直接feed組了,哈哈
裝了200多個(gè)app,信息流的都放這里面了。職業(yè)病。
贊,看過你寫的第一篇,一看這標(biāo)題猜又是你寫的,哈哈哈
是我 哈哈哈 ??
分析的挺細(xì)致,贊一個(gè)
謝謝:)
這寫作思路,逆向的,告訴怎么做“不好”的紅點(diǎn),加深正面警示
哈哈 如果感興趣可以看看第一篇:《怎樣設(shè)計(jì)一個(gè)不好的注冊流程》 http://m.codemsi.com/pd/431961.html
作者分析的不錯(cuò),目測作者是個(gè)強(qiáng)迫癥,長期被小紅點(diǎn)困擾 ??
造福一些產(chǎn)品經(jīng)理,最終是造福廣大用戶
好評
謝謝 ??