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

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

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

小紅點是什么

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

小紅點的樣式及應用場景

1. ICON 的數字紅點

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

APP舉例:蘋果系統的 ICON 標識、未讀消息提醒

2. 應用內的紅點

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

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

3. 應用內彩色點

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

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

4. 應用內的數字提醒

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

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

5. 應用內的文字角標

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

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

為什么要設計小紅點

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

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

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

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

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

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

如何更好設計小紅點

設計數字紅點時要合理把控數字上限

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

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

紅點的設計可以更驚喜

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

明確設計紅點的目的

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

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

 

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

本文由 @晞仔 原創發布于人人都是產品經理。未經許可,禁止轉載。

 

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

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

    來自上海 回復
    1. 2

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

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

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

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

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

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

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

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

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

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

      來自廣東 回復