日常使用 App 的時候，我們幾乎天天都會碰見「小紅點(diǎn)」「消息角標(biāo)」，今天簡單梳理下小紅點(diǎn)及其產(chǎn)品特性。

小紅點(diǎn)是什么

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

小紅點(diǎn)的樣式及應(yīng)用場景

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

應(yīng)用場景： APP 上用的最廣的紅點(diǎn)消息提醒。在 APP ICON 上直觀的給用戶展示有多少條未讀消息、剩余多少待辦事項(xiàng)、還有多少待確認(rèn)的通知等

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

2. 應(yīng)用內(nèi)的紅點(diǎn)

應(yīng)用場景：應(yīng)用內(nèi)該模塊有更新、存在需要用戶確認(rèn)的應(yīng)用通知、模塊內(nèi)有新的消息提醒、有新的社交消息等待用戶知曉、待辦的事項(xiàng)

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

3. 應(yīng)用內(nèi)彩色點(diǎn)

應(yīng)用場景：同上，一般采用彩色點(diǎn)的應(yīng)用面向的用戶年紀(jì)普遍年輕，或者是思維活躍、不喜歡被教條拘泥的人。顏色選用一般會采用自己的品牌色或者和品牌色貼近的顏色

App 舉例：即刻、大眾點(diǎn)評的未讀消息提醒

4. 應(yīng)用內(nèi)的數(shù)字提醒

應(yīng)用場景：一般表明該模塊有數(shù)條更新內(nèi)容、有數(shù)條待用戶知曉、待辦的事項(xiàng)，有別于紅點(diǎn)，數(shù)字通知強(qiáng)調(diào)具體的多少條未讀消息，比紅點(diǎn)壓迫感強(qiáng)、常見于強(qiáng)社交應(yīng)用、剛性的工具應(yīng)用

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

5. 應(yīng)用內(nèi)的文字角標(biāo)

應(yīng)用場景：應(yīng)用內(nèi)某個模塊、某個品類有更強(qiáng)的宣傳需求、或者說到了大促、節(jié)假日等時候，為了使其有更多的流量，采用角標(biāo)的形式吸引用戶目光。

APP 舉例：大促時期的淘寶、推銷品類的餓了么、大眾點(diǎn)評

為什么要設(shè)計(jì)小紅點(diǎn)

經(jīng)常聽見有人說：小紅點(diǎn)逼死強(qiáng)迫癥。

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

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

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

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

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

如何更好設(shè)計(jì)小紅點(diǎn)

設(shè)計(jì)數(shù)字紅點(diǎn)時要合理把控?cái)?shù)字上限

比如將上限設(shè)定為 9，則 9 以上顯示 9+；將上限設(shè)定為 99，則 99 以上顯示 99+。

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

紅點(diǎn)的設(shè)計(jì)可以更驚喜

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

明確設(shè)計(jì)紅點(diǎn)的目的

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

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

作者：晞仔，微信公眾號：晞仔的生活實(shí)驗(yàn)室

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