Echo ：本篇文章講解功能分類之提示類，如果我是寫信息的提示類，那么里面涉及到的會有toast、警示框、界面內嵌、loading加載、tips提示、空數據界面、卡片等等，這就和之前講的有重復。所以，這里寫的提示類是消息的提示類，而不是信息的提示類。

系列文章：?

1. 《輕松看懂規范！詳解組件控件結構體系之加載類》
2. 《輕松看懂規范！詳解組件控件結構體系之網絡異常類》
3. 《輕松看懂規范！詳解組件控件結構體系之引導類》
4. 《輕松看懂規范！詳解組件控件結構體系之導航類》
5. 《輕松看懂規范！詳解組件控件結構體系之空數據類》

提示性類型一共有四類：

1.紅點提示

2.數字提示

3.系統推送提示

4.彈框提示

依舊附上一張腦圖，組件控件分類（如果單純通過組件控件，難以滿足功能劃分的需求，所以我將這個范圍擴大，分類里面不僅僅含有組件和控件，所以請不要在意細節。）

紅點提示

用途：

通過紅點引導用戶點擊，從而達到要給用戶傳達的信息。

使用場景：

1. 以產品的目標來說，新功能更新想讓用戶知道并去使用，從而使用紅點提示用戶。

2. 新消息的提示，通過紅點讓用戶直觀的知道有信息。

3. 因為業務需要，通過紅點讓用戶去點擊操作。

舉例說明：

微信讀書，列表關注欄出現紅點，點擊進去，新增微信好友出現紅點。這樣的使用是為了讓用戶加微信讀書好友從而增加微信讀書的社交化和粘度。這個屬于使用場景第三條。

QQ日跡列表出現紅點，在日跡界面，有新增動態，故通過紅點提示。這個屬入使用場景第二條。

MIX商店有新的更新，通過紅點引導用戶點擊消費，從而滿足業務目標。這個屬于使用場景第三條。

數字提示

用途：

通過數字讓用戶知道新更新的信息數量，同時引導用戶去點擊，從而達到要給用戶傳達的信息。

使用場景：

1. 通過數字來提示用戶新功能的數量。

2. 通過數字來提示用戶收到信息的數量。

3. 桌面圖標的數量讓用戶在進去App之前就知道收到的信息數量。

舉例說明：

Messenger在tab 個人中心通過數字提示，讓用戶知道列表功能的數量。這屬于使用場景的第一條。

微信消息列表通過數字讓用戶知道，收到對方多少條消息。這屬于使用場景的第二條。

iOS 桌面圖標的數量讓用戶在進去App之前就知道收到的信息數量。這屬于使用場景的第三條。

紅點和數字提示兩者既有相同點又有不同點：

相同點：都是提示用戶，從而引導用戶去點擊達到信息傳導的作用。

不同點：數字提示相對于紅點提示，提示強度更大。同時數字傳達用戶的信息更完整，具體到數量。

系統推送提示

用途：

前提是iOS和安卓系統推送權限打開，通過系統推送讓用戶獲取到APP要傳達的信息，屬于強提示類。用戶通過推送消息進入App獲取消息，提高產品的活躍度和使用粘性。

使用場景：

1. 重要信息需要提示用戶，例如郵件，IM。當用戶收到新消息時，系統自動推送。

2. 滿足運營需求，通過系統推送消息給用戶傳達運營促銷活動，吸引用戶去消費。

舉例說明：

1. 如果網易郵箱的系統權限打開時，會收到系統推送，屬于使用場景第一條。

2. 貓眼有新電影上映時，會有系統推送消息，引導用戶去點擊消費，這樣的行為也提高了用戶粘度。屬于使用場景第二條。

彈框提示

用途：

彈框可以讓用戶知道一些重要的消息，同時通過彈框為某些業務提供一個流量入口。

使用場景:

1. 運營需求，通過彈框的提示語和入口，從而達到流量導入的效果。

2. 重要功能重要信息的入口。

3. 用于重要信息的提示，單純的提示信息的作用。

舉例說明:

支付寶的信用生活界面，用戶進入后會給出一個彈框提示，引導用戶去搶紅包。滿足運營需求。這屬于使用場景的第一條。

QQ的H5頁面通過彈框引導用戶去下載使用QQ音樂，這屬于使用場景的第二條。

QQ的服務號升級，通過彈框讓用戶知曉，這屬于使用場景的第三條。

歡迎關注作者的微信公眾號：「UEDC」

「如何正確使用提示？」

1. 《如何正確使用控件系列之提示框（Toast）》
2. 《聊聊移動APP中反饋提示的設計方法與實例》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com