怎樣設(shè)計(jì)一個(gè)不好的“紅點(diǎn)”邏輯

43 評論 26691 瀏覽 156 收藏 12 分鐘

紅點(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)去看看怎么行?

1-150323125Q5

Excuse me? 所以277是什么??今日吉數(shù)嗎?

440710842654720734

案例二:哎呀,Linkin有6個(gè)獵頭找我啦,我得去看看!

liknin

Excuse me? 1+1+5=6?小學(xué)班主任喊你回去罰站。

linkin1

本質(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è)叫封神的新游戲哦,去看一下吧。

893617895060895627

一進(jìn)來,彈窗,提示可以玩一下這個(gè)叫封神什么的游戲哦,那就進(jìn)入游戲吧!

422580700727386777

點(diǎn)了進(jìn)入游戲,跳轉(zhuǎn)app store,想玩兒你要先下載啊!有道理,那下載一個(gè)唄!

288808893404699169

接得妥妥的(我沒收騰訊錢)。

我們從末級信息反推來看看:

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。

0

(圖片來自公眾號: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è)。

紅點(diǎn)類型

對于運(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)了也不會消除。

276362692530123695

但是業(yè)內(nèi),很多友商,都用在了業(yè)務(wù)方/運(yùn)營方自認(rèn)為對公司很重要的業(yè)務(wù)上,忽略了用戶的意愿與感受。

案例五:卷皮的“我的購物習(xí)慣”用于收集用戶信息(有利于商品的個(gè)性化推薦),如果不填寫完,即使點(diǎn)過,也會一直存在。

353216282923258037

因此,我更傾向普遍的運(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è)奶媽。

52261449453365

孩子都要喂,喂哪一個(gè)呢?

有人選擇了都要喂(以前某寶的這些孩子都在首頁,現(xiàn)在雖然調(diào)配去二級入口了,但用iPhone6來看,仍有3屏以上的內(nèi)容):

313604224865175995

有人選擇只喂飽幾個(gè)結(jié)實(shí)的(微信這個(gè)結(jié)構(gòu)長期沒變過,佩服張小龍的掌控力):

623299788446176584

我個(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)):

306489702164642423

來看看咱家的:

323695621060151240

總結(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)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 分析的有理有據(jù),有總結(jié)。棒棒的

    來自江蘇 回復(fù)
    1. 謝謝支持哦:)

      來自廣東 回復(fù)
  2. 好文,文章看到一半的時(shí)候我去買了個(gè)Fidget cube 總資產(chǎn)-10000,謝謝你

    來自江蘇 回復(fù)
    1. 我是不是應(yīng)該問他拿點(diǎn)回扣( ̄▽ ̄)

      回復(fù)
  3. 哈哈哈哈 好文 看的我都樂了

    來自北京 回復(fù)
    1. 多謝支持哦

      來自廣東 回復(fù)
  4. 不錯(cuò)不錯(cuò)

    來自四川 回復(fù)
    1. ??

      回復(fù)
  5. 以小見大 不錯(cuò)不錯(cuò)

    來自北京 回復(fù)
    1. ??

      回復(fù)
  6. 嗨呀,不知道為啥,我還想肛你呀~ ?? 不過挺稀飯你的文章的,多多努力

    來自四川 回復(fù)
    1. ??

      來自北京 回復(fù)
    2. 捂菊( * )

      回復(fù)
  7. 骰子不錯(cuò)

    來自浙江 回復(fù)
    1. 買買買

      回復(fù)
  8. 紅點(diǎn)實(shí)現(xiàn)的邏輯遠(yuǎn)比本文分析的要復(fù)雜。

    來自浙江 回復(fù)
    1. 實(shí)現(xiàn)邏輯是指啥。開發(fā)?

      回復(fù)
  9. 強(qiáng)迫癥不能忍紅點(diǎn)。所以一般老是出現(xiàn)紅點(diǎn)的,我直接刪app了,但是我很好奇,一直不點(diǎn)擊紅點(diǎn),許久之后,會有多少個(gè)紅點(diǎn)提示啊哈哈哈

    來自上海 回復(fù)
    1. 999

      回復(fù)
  10. in的那個(gè)應(yīng)該是沒問題的,總數(shù)是6條,右上角的消息icon和右下角的消息tab是相同的指向,只不過右上角的icon是全局的,右下角的tab只在首頁顯示

    來自北京 回復(fù)
    1. 右上角如果是全局,為何只標(biāo)1呢,應(yīng)該是6呀,或者是純紅點(diǎn)

      回復(fù)
    2. 他的意思是右上角的icon是和下方消息tab對應(yīng)的,都是1沒啥問題,有兩個(gè)地方提示消息紅點(diǎn)罷了 ??

      來自廣東 回復(fù)
    3. 你這樣一說,我看懂了。有點(diǎn)饒。交互設(shè)計(jì)應(yīng)該遵循”don’t make me think”。

      來自廣東 回復(fù)
  11. ?? 深受紅點(diǎn)之害,現(xiàn)在已經(jīng)麻木了,一般不會因?yàn)榧t點(diǎn)打開app,甚至于把朋友圈的更新提示都關(guān)掉了

    來自上海 回復(fù)
    1. 能救一個(gè)是一個(gè) ?

      來自廣東 回復(fù)
  12. 二手東金牌會員 自己家產(chǎn)品卻只是銀牌耶? ??

    來自北京 回復(fù)
    1. 與自家的目標(biāo)用戶不符 ??

      來自廣東 回復(fù)
    2. 應(yīng)該說競品調(diào)研做的比較多(認(rèn)真臉)

      來自上海 回復(fù)
    3. 哈哈哈 :mrgreen:

      來自廣東 回復(fù)
  13. 文章看完了,請問作者收了哪家公司的錢?

    來自浙江 回復(fù)
    1. 有錢就好了 ??

      來自廣東 回復(fù)
  14. 你手機(jī)里APP怎么分的呀,直接feed組了,哈哈

    回復(fù)
    1. 裝了200多個(gè)app,信息流的都放這里面了。職業(yè)病。

      來自廣東 回復(fù)
  15. 贊,看過你寫的第一篇,一看這標(biāo)題猜又是你寫的,哈哈哈

    回復(fù)
    1. 是我 哈哈哈 ??

      來自廣東 回復(fù)
  16. 分析的挺細(xì)致,贊一個(gè)

    來自浙江 回復(fù)
    1. 謝謝:)

      來自廣東 回復(fù)
  17. 這寫作思路,逆向的,告訴怎么做“不好”的紅點(diǎn),加深正面警示

    來自北京 回復(fù)
    1. 哈哈 如果感興趣可以看看第一篇:《怎樣設(shè)計(jì)一個(gè)不好的注冊流程》 http://m.codemsi.com/pd/431961.html

      來自廣東 回復(fù)
  18. 作者分析的不錯(cuò),目測作者是個(gè)強(qiáng)迫癥,長期被小紅點(diǎn)困擾 ??

    來自廣東 回復(fù)
    1. 造福一些產(chǎn)品經(jīng)理,最終是造福廣大用戶 :mrgreen:

      來自廣東 回復(fù)
  19. 好評

    來自廣東 回復(fù)
    1. 謝謝 ??

      來自廣東 回復(fù)