交互漫談:詳解未讀消息時的紅點提示

14 評論 39546 瀏覽 96 收藏 8 分鐘

日常使用 App 的時候,我們幾乎天天都會碰見「小紅點」「消息角標」,今天簡單梳理下小紅點及其產品特性。

小紅點是什么

小紅點在技術層面上被稱為 Badge,據(jù)稱最早源于黑莓手機、但是專利為 Apple 所有。最初是 IOS 上的一個效果,但隨著在 IOS 系統(tǒng)上引爆之后,也慢慢變成了 Android 系統(tǒng)的標配。最早應用于 APP ICON 上的小紅點角標、后來衍生除了數(shù)字消息、文字消息、彩色小點等多種樣式。

小紅點的樣式及應用場景

1. ICON 的數(shù)字紅點

應用場景: APP 上用的最廣的紅點消息提醒。在 APP ICON 上直觀的給用戶展示有多少條未讀消息、剩余多少待辦事項、還有多少待確認的通知等

APP舉例:蘋果系統(tǒng)的 ICON 標識、未讀消息提醒

2. 應用內的紅點

應用場景:應用內該模塊有更新、存在需要用戶確認的應用通知、模塊內有新的消息提醒、有新的社交消息等待用戶知曉、待辦的事項

APP舉例:微信的群聊消息、公眾號訂閱消息提醒

3. 應用內彩色點

應用場景:同上,一般采用彩色點的應用面向的用戶年紀普遍年輕,或者是思維活躍、不喜歡被教條拘泥的人。顏色選用一般會采用自己的品牌色或者和品牌色貼近的顏色

App 舉例:即刻、大眾點評的未讀消息提醒

4. 應用內的數(shù)字提醒

應用場景:一般表明該模塊有數(shù)條更新內容、有數(shù)條待用戶知曉、待辦的事項,有別于紅點,數(shù)字通知強調具體的多少條未讀消息,比紅點壓迫感強、常見于強社交應用、剛性的工具應用

APP 舉例:新浪微博的未讀私信提醒、微信的好友消息(非群聊)時的數(shù)字提醒

5. 應用內的文字角標

應用場景:應用內某個模塊、某個品類有更強的宣傳需求、或者說到了大促、節(jié)假日等時候,為了使其有更多的流量,采用角標的形式吸引用戶目光。

APP 舉例:大促時期的淘寶、推銷品類的餓了么、大眾點評

為什么要設計小紅點

經常聽見有人說:小紅點逼死強迫癥。

小紅點就是抓住了人們喜歡平和、統(tǒng)一的心理。讓原本和諧統(tǒng)一的屏幕變得不和諧、不統(tǒng)一。

帶有小紅點的 ICON 在一堆沒有小紅點的 ICON 中顯得非常的扎眼。讓人忍不住想要多看兩眼、消除他。

消除他的方法其實很簡單,大部分的 App 只要點擊了這個帶小紅點的 ICON,就可以輕松消除;部分 APP 比如 APP Store 等,則需要用戶完成指定操作、點擊指定位置后才可以消除。

設計小紅點的目的是為了提升用戶啟動 APP 次數(shù);提升某個品類點擊率。
對于任何一款 APP,都非常珍視用戶的每一次啟動、每一次哪怕只是幾秒的停留。

在這個流量越來越貴的互聯(lián)網市場里,除了騰訊爸爸對這些獲取流量的小手段可以自信的稱自己不屑一顧、只追求用戶至上的體驗外。其他平臺的產品經理都要走在一邊想破腦門獲取流量、一邊用盡心思的平衡用戶體驗的平衡木上。

如何更好設計小紅點

設計數(shù)字紅點時要合理把控數(shù)字上限

比如將上限設定為 9,則 9 以上顯示 9+;將上限設定為 99,則 99 以上顯示 99+。

設計主要源于產品定位,比如社交類產品的消息上限數(shù)通常高一點, 99 + 居多,而工具類產品、非即時消息、也非強咨詢類產品一般上限較低。

紅點的設計可以更驚喜

比如 QQ 的一鍵刪除小紅點功能,或者是其他刪除紅點交互方式。用戶可以通過一鍵清除未讀消息、拖拽小紅點清除等有趣的動態(tài)交互平衡消除小紅點的千篇一律和無聊。

明確設計紅點的目的

我們設計紅點,往往只是想提醒用戶:我們的應用有新提醒,在這里你又可以有新發(fā)現(xiàn)。但有些產品一味追求打開率,未讀消息常常 99+,對于一些強迫癥患者、或者本身對這個產品就不感興趣的用戶來說,往往直接將其卸載。

去年微信迭代了自己的紅點消息策略。原本微信的訂閱號及群聊的未讀消息均是紅色數(shù)字消息提示,這個在當時微信公眾號生態(tài)還沒有完全建立乃至非常龐大之時,起到過「讓用戶看起來公眾號內容信息很多很豐富」的歷史價值。但是現(xiàn)在微信公眾號內容明顯嚴重過載。用戶需要確認的公眾號信息比他想確認的公眾號信息多太多。此時微信果斷的將數(shù)字紅點更新為單純的紅點提示,具體的更新數(shù)字折疊在消息內。既降低了用戶的心里負擔,提升用戶的產品體驗。又保證了消息功能未讀 + 多少條目的完整性。讓人稱贊!

 

作者:晞仔,微信公眾號:晞仔的生活實驗室

本文由 @晞仔 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載。

 

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 請問為什么微信的語音通話或者視頻通話的未讀記錄紅點提醒,在安卓系統(tǒng)中需要點擊回撥紅點才會消失,而在iOS系統(tǒng)中只需要點消息列表進來查看后就自動消失了?

    來自廣東 回復
  2. 我有個問題想問,就是我們在做一個SAAS的產品,里面有IM,希望用戶能去看上下文或者一些系統(tǒng)消息,當一個聊天有數(shù)字紅點,比如“3”,此時,我不點開,直接刪除這個聊天,當我又有新的消息,比如“2”的時候,這個數(shù)字角標應該展示多少?是“2”,還是5“”

    來自上海 回復
    1. 2

      來自北京 回復
  3. 采用數(shù)字紅點提示,確實可以提高用戶的點擊率,不過現(xiàn)在太多APP采用這種策略了,也會導致用戶心里負擔

    來自廣東 回復
    1. 是的呀,紅點雖好但要慎重

      來自上海 回復
  4. app store 常年40 (′?_?`)

    回復
    1. 我是 app store 紅點消滅強迫癥

      回復
  5. 其實大部分用戶現(xiàn)在都很討厭這個,除了那些即時通訊的app,其他的都被關掉了。

    回復
    1. 大部分應用內的紅點提醒沒法關掉吧。

      回復
    2. 所以手機里面除了微信工作必須打開通知,其他app消息通知我全關了

      來自四川 回復
  6. 喜歡二哈

    回復
    1. 我頭像是定春啦。不是二哈

      回復
    2. 我不管,就是二哈

      來自廣東 回復