消息提示的點和數字,在設計中該怎麼選擇

以用戶關係的等級角度來分析

產品中的消息提示等級

在使用產品時,我們會看到有的消息以數字出現,有的消息以圓點出現,這裡可以把消息理解為兩種程度,以用戶與產品的關係來劃分為高程度和低程度,高程度的消息提示大部分是和用戶有關,或用戶關心的內容,所呈現的形式為數字顯示。低程度的顯示減弱了用戶的點擊欲,大多以小紅點的形式出現,它在提醒用戶的程度相對來說很小。

高程度顯示設計

而在界面中,微信將用戶消息的數字顯示在用戶頭像的右上角和底欄的圖標上,而顯示數量最多為99條消息,也就是雙位數。

當消息數量大於兩位數時,由於設計空間有限,它將數量以省略號的形式出現。

在微博的消息顯示中,同樣是以數量出現,同樣,根據用戶關心程度的不同,其表現出的提示效果也不同。

低程度提醒設計

朋友圈的刷新,消息免打擾模式的設置,以及微博的功能提醒,都屬於低程度的提醒設計,同樣是消息內容,低程度的提醒削弱了消息的提示性,對於用戶來說,有一定的點擊欲,但沒有那麼高,它的出現是在告訴用戶有新內容刷新,而另一種維度,也可以理解為眾多消息的總和,在一定程度上也削減了消息的重要性。

通過以上內容,我們可以得出一個結論,不同內容的消息,其提醒的表現也不同,其最重要的一點就在於,用戶的關心程度不同,通過兩種程度的劃分,我們在設計消息時,可以作為一種方法,通過用戶與產品功能的關係,來劃分消息等級。

例如:微信和微博

微信和微博本就是社交類型的APP,其主要功能就是社交,所以在消息內容上,就體現出來了,在設計上也著重考慮了這個因素,其他類型的功能相對就很弱,而圓點則作為一種提醒的方式出現,在視覺上也舒緩許多。

設計方法總結

紅標數字提示的應用範圍:

提示類型:紅標數字提示

提示條件:和用戶有關,或用戶關心的消息,且更加具體和精準

用戶體驗關鍵詞:更加明顯,焦急,點擊欲很強

紅點提醒的應用範圍:

提示類型:產品中具體的紅點提醒

提示條件:非重要信息,日常內容刷新,或高程度消息的總和

用戶體驗關鍵詞:舒緩,節奏慢,有點擊欲,日常刷新,很多消息

END

獲取更多設計素材請關注微信訂閱號:如履薄冰(rulvbb)


推薦閱讀:

APP消息模塊之instagram
《傳奇霸業》17年有什麼新的消息?
好消息和壞消息你先說哪個
「陰謀論」不是打消質疑的反駁依據/ 節目預告

TAG:消息 | 交互設計 | 移動端UI設計 |