通知是許多產(chǎn)品中不可或缺的一部分，它用于傳遞產(chǎn)品的一些新的信息狀態(tài)，幫助用戶能夠及時收到信息。
本文將討論五種類型的 UI 通知，以及何時以及如何使用它們的基本規(guī)則。

一、什么是通知？

通知是產(chǎn)品能夠與用戶及時同步信息變化，及時發(fā)送重要通知，例如產(chǎn)品更新、信息提醒、互動提醒、新消息通知等。
消息通知是為產(chǎn)品賦能，為用戶提供幫助，便于快速獲取對應(yīng)的通知信息，例如產(chǎn)品更新、信息提醒、互動提醒、新消息通知等，在 App 和網(wǎng)頁應(yīng)用中最常見的信息交換方式則是消息通知。
消息作為一種信息交換方式，抽象其過程，即為“在達到某一觸發(fā)條件下，由發(fā)送方發(fā)送消息給到接收方，接收方可針對此條消息提供反饋”。

二、通知的組成

基礎(chǔ)的通知模塊通常有標題、內(nèi)容、入口、徽標、識別圖標五個元素構(gòu)成

標題區(qū)域：用戶傳遞消息的核心區(qū)域，整個通知的信息都是圍繞標題進行，一般標題以簡短精煉為主，讓用戶在最短時間了解到關(guān)鍵信息。
內(nèi)容區(qū)域：主要描述更加詳細的通知內(nèi)容，當(dāng)然這里的內(nèi)容也不建議超過2行，并且不要重復(fù)標題中內(nèi)容
操作區(qū)域：通知分為可點擊類和不可點擊類，當(dāng)通知模塊需要用戶點擊時，視覺上應(yīng)該更加具象，如按鈕、箭頭，不要讓用戶產(chǎn)生思考。
圖標圖片：有意義的圖像可以強化通知的內(nèi)容，例如，如果你將收到的消息通知用戶，你可以包含發(fā)件人的頭像。

三、通知的類型

通知的模式根據(jù)不同的場景也會有不同類型，接下來將一一講解這5種通知類型，以及使用場景。

1. 徽標通知

徽標是一個小的填充橢圓形，可以出現(xiàn)在應(yīng)用程序圖標上并指示未看到的更新。徽標可以有一個數(shù)字，用于通知用戶未讀通知的數(shù)量。用戶檢查更新后，徽章會從應(yīng)用程序圖標中消失，并在新通知到達時再次出現(xiàn)。

優(yōu)點

感知：它可以對用戶產(chǎn)生積極的影響，在某些情況下，用戶可以將徽章視為有價值的獎勵，例如，徽章會通知用戶他們在社交網(wǎng)絡(luò)上收到新的點贊、評論，Nir Eyal曾在他的書“Hooked”中描述了這種心理效應(yīng)。

視覺：紅色作為警惕色，用戶看到后會更具有點擊欲望，相對產(chǎn)品的一些數(shù)據(jù)指標會有對應(yīng)的提升

缺點

需要用戶采取額外的行動，徽章本身不是通知，這是通知的警報，它只是說明了用戶有新更新的事實，用戶必須單擊或點擊帶有徽章的圖標才能看到實際消息，紅色為強干擾元素，對一些具有強迫癥的用戶很不友好，在體驗上會有一定的影響

何時使用

一般用戶消息的通知，例如系統(tǒng)通知、社交中的點贊、評論、回復(fù)等內(nèi)容

2.推送通知

推送通知是出現(xiàn)在移動設(shè)備的鎖屏上并引起很多關(guān)注的通知。

優(yōu)點

很難讓用戶忽略該推送通知，如果用戶不進行處理，會長時間浮動在手機上

缺點

由于系統(tǒng)上app很多，會導(dǎo)致用戶對該類的通知處于麻木狀態(tài)，推送通知的效果不是很強
如果過度使用，頻繁的推送通知，即使它們很有價值，也可能會惹惱用戶

何時使用

推送通知適用于重要且時間敏感的更新（即用戶設(shè)置的日歷提醒或警報、航班延誤或已交付訂單的更新），在您發(fā)送推送通知之前，您需要確保您將與用戶共享的信息是有價值的和時效性的，否則，最好使用其他類型的通知。

建議

a、不要使用推送通知來提示用戶對應(yīng)用進行評分
b、不建議將推送通知用于促銷或廣告
c、不要使用推送通知來鼓勵用戶返回應(yīng)用，例如“好久沒見到你了，是否想念了呢”通知不會為用戶提供太多價值，需要向用戶明確說明他們應(yīng)該返回應(yīng)用程序的目的
d、允許用戶更改通知行為

3. 電子郵件通知

用戶會收到一封電子郵件，其中包含有關(guān)更新的詳細信息，不過這類通知目前在國外的一些網(wǎng)站使用頻率比較高，根據(jù)習(xí)慣來講，國外更多的還是習(xí)慣用郵件的方式作為重要信息的交流方式，相比之下國內(nèi)使用郵件來傳遞信息的頻率略低

優(yōu)點

給用戶更多的控制權(quán)，由用戶決定是否要訂閱電子郵件，如果電子郵件標題足夠好，用戶可能無需閱讀電子郵件就可以理解上下文。

缺點

周期長，國內(nèi)用戶可能幾個月甚至1年都看不了一次郵件，此外，電子郵件可能會在用戶收件箱中丟失（即轉(zhuǎn)到垃圾郵件文件夾）
它需要切換上下文，當(dāng)應(yīng)用程序發(fā)送需要用戶操作的電子郵件通知時，用戶必須切換到電子郵件應(yīng)用程序才能完成操作，這可能不是很方便，尤其是當(dāng)您與移動設(shè)備上的應(yīng)用程序交互時。

何時使用

需要安全性時，想要使用電子郵件通知有兩個原因，首先，出于安全目的，你可能希望將電子郵件用作單獨的通道（即，當(dāng)用戶嘗試登錄服務(wù)時，應(yīng)用程序會發(fā)送一封電子郵件，其中包含有關(guān)新登錄嘗試的通知）。4.Toast通知

4.Toast通知

Toast 屬于一種及時性通知，當(dāng)用戶進行操作時，及時給出反饋，通常在移動端顯示在界面的上、中、下三個位置，而web端通常顯示在頂部區(qū)域，toast持續(xù)一定時間后會自動消失，對用戶的打擾較小

優(yōu)點

Toast 是與當(dāng)前頁面的內(nèi)容強關(guān)聯(lián)，用戶無需離開當(dāng)前頁面就能看到反饋消息
不會中斷用戶操作，出現(xiàn)時間短，對操作上無影響

缺點

丟失信息的風(fēng)險，用戶注意力不集中時，會出現(xiàn)漏掉關(guān)鍵性信息的情況

何時使用

Toast 是一種操作狀態(tài)，例如，消息發(fā)送時可以在消息發(fā)送成功時顯示toast“發(fā)送成功”

建議

不要使用 toast 來提示與當(dāng)前用戶操作無關(guān)的信息
不要將 toast 用于錯誤消息，由于 toast 會在短時間內(nèi)消失，因此某些用戶可能無法閱讀錯誤消息

5.全屏覆蓋/模態(tài)窗口

全屏覆蓋/模態(tài)窗口是出現(xiàn)在應(yīng)用內(nèi)容頂部并要求用戶做出決定的對話框窗口，這種類型的通知會在所有應(yīng)用功能出現(xiàn)時禁用它們并保留在屏幕上，直到用戶完成所需的操作。

優(yōu)點

用戶在訪問應(yīng)用程序時將 100% 看到通知，無法避免此通知。

缺點

它會阻礙用戶當(dāng)前的操作，迫使用戶操作通知相關(guān)的內(nèi)容

何時使用

全屏覆蓋/模式窗口應(yīng)僅用于需要用戶操作的最關(guān)鍵的系統(tǒng)更新，例如，它可能是阻止應(yīng)用程序正常運行的錯誤或需要特定用戶決策的關(guān)鍵信息。

四、總結(jié)

1.給用戶選擇

詢問用戶是否想接收特定類型的信息，當(dāng)用戶明確選擇接收某些類型的通知時，說明他們的意愿更強，比產(chǎn)品強制傳輸消息效果較好

2.減少重復(fù)通知

一些流氓軟件會發(fā)送一些系統(tǒng)通知，用戶無反饋后，還是會重復(fù)發(fā)送，特別是一些短信push，建議用戶沒有回復(fù)時，也不要發(fā)送后續(xù)通知，大部分人的本性是不愿意被脅迫做一些事。

3. 避免敏感信息

不要在通知中包含敏感信息，例如一些文化特殊性、地域的特殊性等，防止出現(xiàn)觸及別人痛處的一些文字語言

作者：愛吃貓的魚___
鏈接：https://www.zcool.com.cn/article/ZMTQ3MDE0NA==.html
來源：站酷

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.li-bodun.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司