這還需要問嗎?肯定是為了提醒用戶查看未讀信息呀!(實際上是為了為業務導流)其實,產品經理使用小紅點無非是為了:
1.作為壹種通知形式,告知用戶:您有尚未查閱的信息;
2.為重要的業務入口導流,增加點擊量,進而增大業務曝光率。
目前受大眾認可的說法是,小紅點起源於9700系列的黑莓系統。當時的小紅點以帶有星號的形式展現在世人面前,具體的起源無法考證。但是,能夠確定的是小紅點被iPhone發揚光大。2013年,蘋果公司註冊了相關專利並正式在iOS系統上使用小紅點,並將其統壹放於App右上角作為通知規範。慢慢地用戶開始習慣這種設計,以至於小紅點成為了App的通用設計規範。
然而,隨著App爆發式增長,小紅點設計也開始泛濫。只要是為了推廣產品的新功能,增加某處功能的點擊量,抑或是僅僅起到提醒的功能,很多產品經理都會投放小紅點。正是這樣,用戶開始對小紅點產生麻木心理甚至無視小紅點,進而厭煩以至於卸載App,嚴重偏離了產品經理設計初衷。
隨著越來越多的App使用小紅點,原本單壹形式的小紅點根據業務需求也隨之出現了各種各樣的樣式,以滿足不同場景的使用需求,具體如下:
單獨式小紅點
單獨式小紅點是最常見的樣式,主要用於業務入口,起到基本的提醒和導流的作用,是最常見的小紅點樣式。
數字式小紅點
數字式小紅點是在原有小紅點的基礎上 增加數字 而演變成的樣式,可以展示未讀消息數量,常用於社交類App。相比於單獨式小紅點,數字式小紅點給人的「不適」感更加強烈。
文字式小紅點
文字式小紅點是在原有小紅點的基礎上 增加文字 而演變成的樣式,類似標簽TAG。常見的文字內容有“熱門”,“免費”,“NEW”,“限時”,主要用於活動引導,對用戶有壹定得吸引能力。
異形式小紅點
異形式小紅點在原有小紅點的基礎上 結合圖標 或 內容縮略圖 而演變成的樣式,可以讓用戶預知內容,主要用於強力推送的運營活動場景,例如遊戲中心、朋友圈等。
那為什麽小紅點能夠吸引用戶眼球,誘導用戶產生點擊行為呢?原因很簡單,小紅點的使用「破壞」了平衡並讓用戶產生了「不適」,具體如下:
自身平衡「破壞」
App圖標或導航欄icon常態下是不存在小紅點的,突然間增加的小紅點讓它前後發生了變化,「破壞」了自身平衡,無疑起到了傳遞信息 (我改變了) 的功能,從而誘發點擊行為;
周邊平衡「破壞」
沒有對比就沒有傷害,與其他不存在小紅點的App圖標或導航欄icon對比,無疑讓帶有小紅點的App或icon變得與眾不同,在視覺上迅速引起用戶重視,從而誘發點擊行為;
「破壞」帶來的「不適」
人都傾向於喜歡對稱美,這是追求和諧統壹的普遍心理,更不必說強迫癥者。小紅點的引入,「破壞」了原有的和諧,給用戶帶來的「不適」,進而引發了用戶消除不和諧的沖動。而點擊小紅點即可消除這種低成本的機制已經在用戶心理根深蒂固,為了消除「不適」用戶會無意識或毫不吝嗇地點擊。
正是以上小紅點的誘導機制,使得小紅點逐漸成為提高點擊量的利器。然而,這個利器卻是「雙刃劍」。
了解了小紅點的起源、樣式以及機制,產品經理需要根據實際場景設計並使用小紅點。但是,怎樣的小紅點設計才是及格的呢?
符合用戶心理模型
狼來了的故事大家都聽過,不要讓小紅點成為App版的狼來了。即,在可以控制的範圍內讓每壹次小紅點的投放都存在意義,而不是僅僅為了業務點擊量的增加而盲目使用。如果用戶點擊小紅點進入頁面卻發現沒有新的內容,是不是有壹種被騙的感覺?試想,有誰願意被騙?
當然,很多產品經理會說,現在小紅點已經被「玩壞」了,就算我們的產品不濫用小紅點(這需要頂著業務壓力,實屬不易),其他產品也會濫用,整個小紅點使用氛圍依舊不變。對於這點,個人覺得任何壹次嘗試改變都有可能引起蝴蝶效應,而這個改變權壹直在握在我們產品經理的手裏。
統壹的消除機制
小紅點固然讓用戶感覺到「不適」,但良好統壹的小紅點消除機制同樣可以給用戶帶來更好的體驗。常見的消除機制如下:
1.點擊即消,即用戶點擊小紅點所在的業務入口即可消除小紅點,這是最常見的機制;
2.到達最終頁面消除小紅點。在壹些較深層級的業務裏,用戶需要順著小紅點的路徑逐步點擊才能最終消除小紅點;這種機制的優勢是可以引導用戶跟隨小紅點來到指定的頁面,但劣勢是過深的層級又會讓用戶產生厭煩心理。因此,在選用這種消除機制時需特別註意業務層級深度;
3.特殊的消除機制,產品經理根據自身產品實際情況,量身定做符合產品定位的消除機制。例如QQ手機版“壹鍵下班”,“壹鍵退朝”設計,感興趣的同學可以自行百度或點擊文末參考文獻。
克制使用小紅點
小紅點的大量投放讓用戶產生麻木心理甚至厭煩心理,因此產品經理在投放小紅點前不妨多思考,嘗試使用其他方式代替小紅點,例如:
1.icon的微交互;
2.產品logo或吉祥物的微動效;
3.數字類文案的滾動加載;
4.需加強點擊量的業務入口使用動態圖。
1. 逼瘋人的小紅點
2. “煩人的小妖精”,小紅點是怎麽來的
3. QQ手機版 5.0“壹鍵下班”設計小結