你是否遇到這種場景，開啟一個APP想趕緊用呢，結果滿屏“小紅點”提醒，強迫症的你必須咬咬牙把它們先消掉，才能舒心的正常使用。

但對於非IM產品，比如內容消費類產品，大多“小紅點”的出現對使用者並沒有那麼重要和緊急，更多的是把產品意願強加給使用者（產品導流、提活）。

那內容類產品的“小紅點”應該怎麼設計呢？有什麼差異化的處理手法嗎？今天跟大家分享下大牙最近的思考。

“小紅點”認知思考

說實話我最近理“小紅點”理的，對它都起了敬畏之心。

“小紅點”表面上是一個視覺設計問題，但背後其實是一個產品策略和如何排程使用者注意力的問題。而使用者的注意力如何被排程和分配，更是一個產品長期戰略問題。

使用者對不同產品訊息提醒，接受度和投入的注意力是不同的：

這意味著：我媽在微信上給我發訊息，我希望微信及時推送過來，不然她看我一直不回會以為我出啥事了；而快手/抖音/微博的訊息在時間上我可能沒那麼強的訴求，有可能白天給我推，我太忙點了也沒時間看，反而晚上躺到床上你給我推我就看了。使用者對於微信（IM產品）關係親密度和穩定性高於快手/抖音/微博（內容型產品）。

但如果快手/抖音/微博裡的一名路人甲給我發很多訊息，我可能會覺得一直推送好煩啊，忍耐度會更低。

所以，適合別人的訊息提醒的邏輯和設計，不一定適合自己。

而且，小紅點的設計，最終需要回歸“使用者價值”。目前大部分產品對於“小紅點”所追求的是：高開啟率。

這個訴求在短期內可以用產品或設計手段來滿足，無非就是“紅點”出現的更多、更大、更閃亮。

但長期是需要靠“紅點通知的價值”是否與“對使用者的價值”相匹配，通俗的說，再醒目的設計，如果內容對於使用者沒有價值，那麼最終也只是一個“狼來了”的案例。

其實使用者不是怕打擾，使用者只是關心它跟“我”有什麼關係。

因此，在做“內容類產品小紅點”提示時最需要思考的是：如何產出符合內容型產品特點，以使用者價值為中心的通知提醒設計方案。

怎麼做

解答這個問題的核心切入點有兩個：1.視覺樣式（長啥樣），2.展示策略（啥時候出現）。

因為讀我文章的更多是設計師，所以這篇重點聊一下“視覺樣式”。

構成訊息提醒視覺樣式的核心元素有兩個：a.色彩；b.形狀。

a.色彩

看了下市面大部分產品對“小紅點”的色彩解法，得出以下結論：

1）大多數網際網路產品的提示色採用的是“紅色”；

猜測原因：大家本能的認為用“紅色”總不會出錯。

追溯了下“小紅點”的由來：它最早來自於黑莓手機系統。

在諾基亞一統天下的時代，新訊息的提醒是圖示+數字的形式。黑莓在2009年推出的9700系列，搭載的黑莓系統開始使用了帶星號的小紅點形式。

Apple公司在2013年註冊了相關專利，並在iOS系統上開始正式使用。

目前小紅點已經變成了一個通用的提醒機制，且出現被濫用的趨勢。

2）“品牌主色”與“紅色”接近的產品，大多傾向於採用“品牌主色”作為提示色；

猜測原因：“紅色”和“橙紅，玫紅，粉紅等相近主色”並存且柔和到一起時，頁面會顯得混亂，所以他們把自己“主色”也作為提示色。

不過這種處理手法也一般，還是亂。

3）雖然“黃色”也具備一定的警惕和提示性，但僅存在於少數的黑色介面產品中；

猜測原因：黃色在白色背景上看不清。

4）部分產品採用“兩種訊息提醒色”，進行分層處理（1級頁面紅色，2級頁面其他顏色）。

猜測原因：1級頁面強提醒，2級頁面用弱級色彩，降低訊息的打擾度，增加使用者可控感。

看到第4種方式時，我就很開心了，因為這就是我想找到的答案。

平常用的時候沒有意識到，在研究“小紅點”的時候才發現他們設計的挺用心。

拿QQ郵箱舉例：

左圖，當收件箱已經有4000多封未讀郵件時，它並不是出紅點，或者紅點上“...”或“99+”來警示我。而僅是弱化的藍底+數字，告訴我裡面有多少封。

如果是紅色，會有種逼迫我必須讀完才消除，對於擁有4565條未讀郵件的我，應該想死。

而且對使用者來說，並不一定每封郵件是非讀不可的。

類似“每日悅讀”，採用小紅點通知，能夠滿足平臺的可控權（合理的下發策略），進行流量的分配。

右圖，二級頁採用的也是藍色點，將閱讀的選擇權交給使用者，節省使用者有限的注意力，不過多打擾。

基於以上分析，我覺得第四種處理方式同樣適用於內容類產品，原因是：

1）像開頭所說，使用者對於內容型訊息的“實時性”，“關係穩定性”較弱，因此對於較強提示帶來干擾的忍耐度會更低。

而“紅色”給人給人非看不可，不看不消的印象。

基於內容型平臺特點，其實並不是所有的訊息都需要全域性“紅色”那麼強化。

“紅色”可在一級介面保留，滿足從平臺角度的可控性即可。

2）“藍色”是第二種輔助提示色的備選方案，從以下幾個角度分析：

a.從網際網路產品角度：藍色在網際網路產品中常被用作“更新”；

b.從交通系統色彩心理角度：藍色有“指示性”作用；

當然，這也不是絕對的，有時候也得基於自己產品的主色進行具體問題具體分析。

拓寬下大家對“內容類產品”訊息提示的色彩思路，不用太侷限於滿屏“紅”。

好，說完“色彩”接下來我們來聊聊“形狀”。

b.形狀

“形狀”決定著提醒控制元件的：色彩佔比、承載資訊、透穿能力。

目前市面上常見的形狀有幾種：1.小紅點、2.數字+紅點、3.文字+紅點、4.頭像+紅點。

1.小紅點

這個就不用多說了，一般有“小紅點”的出現就以為著“這裡有個新訊息”或“這裡有個新內容”，快來戳我。

2.數字+紅點

它是由小紅點演變而來的，增加“數字”代表裡面具體有多少條未讀，一般用在社交場景或與訊息相關的APP中居多，輔助使用者獲取更多資訊，做出判斷。

3.文字+紅點

4.頭像+紅點

這些形狀，一般跟著產品的訴求進行靈活使用，或者並行使用。

那針對內容類平臺如何選擇形狀呢？

對於內容類產品，一般會涉及到“內容消費者”和“內容生產者”，作為平臺方如何採用更合適的提示樣式對他們賦能，也是需要設計時思考的。

作為內容生產者，肯定希望自己釋出內容push給更多粉絲，這樣才有更多的流量嘛。

但平臺也要考慮消費者的體驗（不被打擾），所以平臺可以根據使用者消費的歷史行為或資料進行精準匹配不同的樣式。

拿短影片產品舉例，訊息提醒可分為：強、中、弱不同提示樣式。

弱提醒：

當內容生產者剛被關注時，只給粉絲下發普通“小紅點”或“文字+小紅點”訊息通知。

中提醒：

當透過粉絲歷史操作/觀看資料，發現TA對你的內容高度感興趣，你更新時他都願意看且完播率高時，那平臺就可以賦能“中提醒”的樣式給你，外露更多資訊帶來更多流量（轉化如果不高可再打回“小紅點”）；

強提醒：

當粉絲手動訂閱你直播或短影片時，說明他對你足夠感興趣，這時候平臺可以給你“強通知”樣式的特權，將內容推送給使用者（但要給使用者提供關閉提醒的入口）。

作為內容平臺，這種做法即保證了消費者的體驗，也滿足了內容生產者的流量分發的訴求。

不過以上的“形狀”案例只是一個簡單的思路，優秀的做法還有很多。

意思是這麼個意思。

總結

大致的結論是：基於“內容型產品特點”和“以使用者價值為中心”角度，可以保留一級頁面“紅色”提醒，給平臺一定的控制權；選擇次級介面輔助提示色，降低干擾性，給使用者更多選擇權（使他們不想消可以不消，也是舒服的）。

整體來看，雖然它的名字叫“小紅點”，但我們在設計的時候不能只侷限於“紅”和“點”。

它可以是任意“顏色”，它也可以是任意“形狀”，本質是如何更高效和友好的提醒使用者。