怎樣設(shè)計一個不好的“紅點”邏輯

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

紅點邏輯的設(shè)計和運營,看上去比登錄/注冊還要簡單,但卻可以扯出很多產(chǎn)品設(shè)計和運營要遵循的一些基本原則,因此非常有必要講講。

讓我們談?wù)劶t點需求從何而來

先擺結(jié)論:紅點配置的需求,主要來自公司內(nèi)部的業(yè)務(wù)方,滿足為業(yè)務(wù)引流的需求(比如微信的現(xiàn)金?!坝螒颉比肟谌绻麤]有紅點,你可能一直不會去點)。

紅點最初是從什么地方產(chǎn)生的?網(wǎng)上有公開的一些資料可以查到,據(jù)稱是黑莓第一個用起來(未經(jīng)考證),后來Jobs在iOS把它發(fā)揚光大,安卓又前赴后繼,最后大家把它干成了一個業(yè)內(nèi)較為常見引流運營工具,特別對于強迫癥患者用戶,效果奇佳。于是,市面上逐漸出現(xiàn)了千奇百怪的一些設(shè)計,接下來讓我手把手教你做一個不好的紅點設(shè)計。

玩爛紅點絕招1:確保用戶一臉懵逼,琢磨不透你的心思

配紅點容易,但你(具體業(yè)務(wù))接不接得住流量,接得好不好,是另外一回事兒。

讓我們來看一下,什么叫接不?。?/p>

案例1:“雪球”APP提示有277喔,厲害了,不點進去看看怎么行?

1-150323125Q5

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

440710842654720734

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

liknin

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

linkin1

本質(zhì)上來講,紅點提醒就是預(yù)期管理。

紅點的配置一般都在一些入口處,比如菜單,Tab上等等。這意味著會存在至少兩個層級的信息(有時甚至更多層級)。上一級的紅點所透露的信息,是下一級信息的壓縮版。比如,為了提醒用戶有4條活動詳情需查看,在上一級的消息中心入口放了數(shù)字紅點“4”。

因此,投放紅點時,務(wù)必從末級信息的提示開始,向上一級信息推探紅點配置的合理性。比如案例一,末級信息是空,但上一級信息卻是277;案例二,末級信息是7個消息提醒,但上一級信息是6。都與用戶預(yù)期產(chǎn)生偏差。這種情況發(fā)生多了,就變成“狼來了”,失去用戶的信任感,并對紅點免疫(或純粹為消除而消除)。

哈哈哈

業(yè)內(nèi)有大量的app,給了紅點,但點擊后,讓用戶不清楚落地頁希望提示的信息具體是什么。

反過來,給個正面例子,看看微信游戲入口怎么玩兒紅點。

案例三:好像有一個叫封神的新游戲哦,去看一下吧。

893617895060895627

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

422580700727386777

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

288808893404699169

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

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

3. APP store游戲下載頁,希望用戶可以下載這個叫“封神”的游戲

2. 微信游戲首頁,一個強彈窗,告知用戶,有個新游戲叫“封神”,可以去玩玩

1. 微信發(fā)現(xiàn)頁,游戲頻道,紅點+文案提示:有新游戲叫封神哦,來看看嘛。

自始至終,信息都是一致,有承接的。

預(yù)期管理在(任何類型的)設(shè)計中都是一個基本原則,不符合預(yù)期的設(shè)計會違背人的直覺反應(yīng)。這一點可能還會在我往后的文章中反復(fù)提到。

玩爛紅點絕招2:確保用戶點過有紅點的按鈕后不消除

處女座強迫癥患者與紅點是一對相生相戀的CP。

你感覺壓力大的時候,會不會抖腳?會不會轉(zhuǎn)筆?會不會想找個泡泡包裝紙一個個捏爆他們?

美國兩位小伙兒,前段時間再Kickstarter上眾籌了一款魔性爆款產(chǎn)品,有興趣的可以去搜搜,叫Fidget cube。

0

(圖片來自公眾號:zuiheikeji)

我感覺很多紅點也可以這樣玩兒??!業(yè)內(nèi)很多APP的紅點會讓你消不掉。是的,點了也不消。點多少次,它還屹立在那里!

據(jù)我觀察和設(shè)計經(jīng)驗,業(yè)內(nèi)有兩種常用的紅點消除的邏輯。

第一種 – “末級消除”:點擊了最后一個紅點(或完成指定操作),才消除所有層級的紅點。

第二種 –?“點過即消”:每點擊一個紅點,就消一個。

紅點類型

對于運營或業(yè)務(wù)方來說,第一種的引流效果會更好,因為會強迫用戶點完所有的紅點(完成任務(wù))。但是!但是!私以為,這種紅點只能用于對于用戶來講優(yōu)先級非常重要的信息提示(比如微信“發(fā)現(xiàn)”與“朋友圈”上的紅點,不消除“朋友圈”的,“發(fā)現(xiàn)”上的紅點也不會消除;另外,iOS自帶的“信息”和“電話”也是這種邏輯):

案例四:如果不點擊消除“朋友圈”的紅點,“發(fā)現(xiàn)”上的紅點即使點了也不會消除。

276362692530123695

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

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

353216282923258037

因此,我更傾向普遍的運用“點過即消”的紅點,每一個層級的紅點只負責這一層級的引導(dǎo)任務(wù),完成后,就可以全身而退了。這樣,即使用戶對更深層級的信息不感興趣,操作了返回,也不會影響在上一層級的其他操作。對用戶來講極其重要的信息(如客服回復(fù)消息等),方可使用“末級消除”的紅點。

唯品會的個人中心紅點設(shè)計即遵循了上述的設(shè)計思路——除了待支付訂單、優(yōu)惠券即將到期提醒兩種,其余所有菜單配置的紅點,都是點過即消的。

玩爛紅點絕招3:都想紅,一起來?。?/h2>

有個事實是需要擺出來的:每一個業(yè)務(wù)負責人(或運營同學),都希望有更多的流量可以進入。流量是血液,是產(chǎn)品的生命。

所以,作為個人中心菜單的產(chǎn)品,比較像一個奶媽。

52261449453365

孩子都要喂,喂哪一個呢?

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

313604224865175995

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

623299788446176584

我個人傾向于常喂那些重要的業(yè)務(wù)(比如近期唯品會個人中心強推的活動:簽到送唯品幣,拉回訪),必要時,可以給一些孩子一些機會(配2天紅點,看看之后是否回訪流量提升了),證明自己的重要性,隨著產(chǎn)品的完善,慢慢培植出自帶的流量勢能。

簡而言之:信息多了,等于沒有信息。重點多了,等于沒有重點。且行且珍惜。

玩爛紅點絕招4:躲貓貓的紅點

這一節(jié)比較粗暴簡約。

我想說的是配色。

友商自帶bug的配色(問:圖中有幾個紅點):

306489702164642423

來看看咱家的:

323695621060151240

總結(jié)一下

如果你想設(shè)計一個不好“紅點”邏輯,應(yīng)該:

  • 確保用戶一臉懵逼,琢磨不透你的心思;
  • 確保用戶點過有紅點的按鈕后不消除;
  • 都想紅,一起來?。《寂渖霞t點!
  • 在配色上躲貓貓,讓用戶找不到紅點。

Well done!

厲害了我的哥,恭喜完成了一個不好的“紅點”設(shè)計。

(本文未經(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. 好文,文章看到一半的時候我去買了個Fidget cube 總資產(chǎn)-10000,謝謝你

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      來自廣東 回復(fù)
  18. 作者分析的不錯,目測作者是個強迫癥,長期被小紅點困擾 ??

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

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

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

      來自廣東 回復(fù)