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

一、什么是通知？

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

二、通知的組成

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

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

三、通知的類型

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

1. 徽標(biāo)通知

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

優(yōu)點(diǎn)

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

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

缺點(diǎn)

需要用戶采取額外的行動(dòng)，徽章本身不是通知，這是通知的警報(bào)，它只是說明了用戶有新更新的事實(shí)，用戶必須單擊或點(diǎn)擊帶有徽章的圖標(biāo)才能看到實(shí)際消息，紅色為強(qiáng)干擾元素，對一些具有強(qiáng)迫癥的用戶很不友好，在體驗(yàn)上會(huì)有一定的影響

何時(shí)使用

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

2.推送通知

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

優(yōu)點(diǎn)

很難讓用戶忽略該推送通知，如果用戶不進(jìn)行處理，會(huì)長時(shí)間浮動(dòng)在手機(jī)上

缺點(diǎn)

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

何時(shí)使用

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

建議

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

3. 電子郵件通知

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

優(yōu)點(diǎn)

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

缺點(diǎn)

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

何時(shí)使用

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

4.Toast通知

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

優(yōu)點(diǎn)

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

缺點(diǎn)

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

何時(shí)使用

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

建議

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

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

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

優(yōu)點(diǎn)

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

缺點(diǎn)

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

何時(shí)使用

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

四、總結(jié)

1.給用戶選擇

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

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

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

3. 避免敏感信息

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

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

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

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

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