通知是許多產(chǎn)品不可或缺的一部分。我們今天設(shè)計(jì)的幾乎所有產(chǎn)品都需要一些系統(tǒng)來(lái)與我們的用戶共享更新。

本文將討論五種類型的 UI 通知，以及何時(shí)以及如何使用它們的基本規(guī)則。

什么是通知？

通知是我們希望與用戶共享的任何系統(tǒng)更新。通知提供有關(guān)某些事件的相關(guān)且及時(shí)的信息。

通知可能因以下情況而異：

• 重要程度。通知范圍從用戶必須查看的重要更新到用戶可能容易忽略的低優(yōu)先級(jí)更新。

• 渠道。通知可以是產(chǎn)品的一部分（應(yīng)用內(nèi)通知）或使用外部通信渠道（即電子郵件通知）。

• 用戶觸發(fā)或系統(tǒng)觸發(fā)。用戶觸發(fā)的通知是由用戶的操作觸發(fā)的通知（例如，用戶在網(wǎng)站上購(gòu)買了產(chǎn)品并收到了有關(guān)訂單的更新）。系統(tǒng)通知是系統(tǒng)發(fā)送給用戶的通知（即有關(guān)計(jì)劃的系統(tǒng)維護(hù)的通知）。

通知永遠(yuǎn)不應(yīng)成為與用戶交流的主要方式。

通知剖析

通知應(yīng)針對(duì)快速掃描進(jìn)行優(yōu)化。快速瀏覽一下就足以了解通知的全部?jī)?nèi)容以及您可以做些什么。

以下是通知容器的四個(gè)構(gòu)建塊：

• 標(biāo)題（標(biāo)題區(qū)域）。標(biāo)題應(yīng)該是通知中最突出的元素。它為通知用戶有關(guān)事件的通知?jiǎng)?chuàng)建上下文。您必須編寫一個(gè)簡(jiǎn)短的標(biāo)題，為通知內(nèi)容提供上下文。

• 描述（身體區(qū)域）。描述包含有關(guān)事件的更多詳細(xì)信息。它可以包括用戶認(rèn)為有幫助的附加信息。撰寫描述時(shí)，盡量使其長(zhǎng)度不超過 40 個(gè)字符，并且不要重復(fù)內(nèi)容標(biāo)題中的內(nèi)容。

• 操作區(qū)域（號(hào)召性用語(yǔ)按鈕）。按鈕讓用戶立即采取行動(dòng)。如果通知需要操作，按鈕的標(biāo)簽應(yīng)該是可操作的。它應(yīng)該顯示“創(chuàng)建”、“完成”或“發(fā)送”。確?？牲c(diǎn)擊區(qū)域具有足夠的對(duì)比度，以便用戶輕松發(fā)現(xiàn)它。操作區(qū)域可以顯示在通知容器的右側(cè)或底部。

• 圖標(biāo)（可選）。有意義的圖像可以強(qiáng)化通知的內(nèi)容。例如，如果您將收到的消息通知用戶，您可以包含發(fā)件人的頭像。

現(xiàn)在讓我們討論四種流行的通知類型以及如何使用它們的規(guī)則：

1. 帶有徽章的圖標(biāo)

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

右上角帶有圓點(diǎn)的鈴鐺是此類通知的常規(guī)設(shè)計(jì)。

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

徽章不需要用戶過多關(guān)注。徽章不會(huì)阻止用戶與產(chǎn)品交互。

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

缺點(diǎn)：

需要用戶采取額外的行動(dòng)?；照卤旧聿皇峭ㄖ?；這是通知的警報(bào)。它只是說(shuō)明了用戶有新更新的事實(shí)。用戶必須單擊或點(diǎn)擊帶有徽章的圖標(biāo)才能看到實(shí)際消息。

何時(shí)使用：

徽章可以是具有中等重要性的通知的完美解決方案。

小技巧：

考慮提供聲音來(lái)補(bǔ)充您的通知。聲音可能是在不看屏幕的情況下吸引某人注意力的好方法。獨(dú)特的聲音還可以幫助您區(qū)分應(yīng)用的通知。

2.推送通知

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

在 Apple iOS 中推送通知。圖片來(lái)自蘋果

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

很難忽略推送通知。用戶很可能會(huì)注意到推送通知。

缺點(diǎn)：

需要太多的關(guān)注。推送通知強(qiáng)制用戶閱讀它們。

它可能會(huì)被產(chǎn)品創(chuàng)建者過度使用。頻繁的推送通知，即使它們很有價(jià)值，也可能會(huì)惹惱用戶。

何時(shí)使用：

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

提示：

• 不要使用推送來(lái)提示用戶對(duì)您的應(yīng)用進(jìn)行評(píng)分。

• 請(qǐng)勿將推送通知用于促銷或廣告目的。

• 不要使用推送通知來(lái)鼓勵(lì)用戶返回應(yīng)用?！拔覀冇卸螘r(shí)間沒見到你了”通知不會(huì)為用戶提供太多價(jià)值。向用戶明確說(shuō)明他們應(yīng)該返回應(yīng)用程序的原因。

• 允許用戶更改通知行為。用戶應(yīng)該能夠微調(diào)推送通知首選項(xiàng)。

• 創(chuàng)建通知摘要。通過對(duì)推送通知進(jìn)行分組來(lái)最小化推送通知的數(shù)量。Android 和 iOS 允許創(chuàng)建一個(gè)匯總幾個(gè)通知的通知。您可以顯示摘要，而不是顯示多個(gè)通知。

多個(gè)通知匯總并顯示在折疊視圖中。圖片來(lái)自谷歌。

3. 電子郵件

用戶會(huì)收到一封電子郵件，其中包含有關(guān)更新的詳細(xì)信息。

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

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

缺點(diǎn)：

反應(yīng)時(shí)間長(zhǎng)。用戶可能需要更多時(shí)間才能看到電子郵件通知。此外，電子郵件可能會(huì)在用戶收件箱中丟失（即轉(zhuǎn)到垃圾郵件文件夾）。

它需要切換上下文。當(dāng)應(yīng)用程序發(fā)送需要用戶操作的電子郵件通知時(shí)，用戶必須切換到電子郵件應(yīng)用程序才能完成操作。這可能不是很方便，尤其是當(dāng)您與移動(dòng)設(shè)備上的應(yīng)用程序交互時(shí)。

何時(shí)使用：

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

其次，您可以使用電子郵件通知不需要用戶操作的系統(tǒng)更新（即，通知用戶訂單更新）。

4.Toast

Toast 是一個(gè)矩形塊，顯示在用戶屏幕的頂部或底部，用于通知用戶更新。Toast 會(huì)在短暫的超時(shí)（最多十秒）后自動(dòng)從屏幕上消失。

Android 中的 Toast 通知

優(yōu)點(diǎn)：Toast 是上下文相關(guān)的。用戶不必切換上下文來(lái)閱讀信息。不要中斷用戶體驗(yàn)。它們暫時(shí)出現(xiàn)，不需要用戶輸入即可消失。
缺點(diǎn)：丟失信息的風(fēng)險(xiǎn)。默認(rèn)超時(shí)可能不足以讓某些用戶閱讀通知。當(dāng)吐司在用戶閱讀消息之前消失時(shí)，這是一個(gè)糟糕的用戶體驗(yàn)。
何時(shí)使用：Toast 是一種很好的操作狀態(tài)。例如，消息發(fā)送應(yīng)用程序可以在消息發(fā)送成功時(shí)顯示吐司“消息發(fā)送”。
提示：

• 不要使用 toast 來(lái)顯示與當(dāng)前用戶任務(wù)無(wú)關(guān)的信息。如果您在任務(wù)中間打斷用戶告訴用戶您的產(chǎn)品具有的新功能，那就不好了。

• 不要將 toast 用于錯(cuò)誤消息。由于 toast 會(huì)在短暫超時(shí)后消失，因此某些用戶可能無(wú)法閱讀錯(cuò)誤消息。

• 不要使用 toast 通知來(lái)提供有關(guān)如何使用應(yīng)用程序的隨機(jī)提示。關(guān)于如何使用應(yīng)用程序的隨機(jī)建議具有較低的用戶價(jià)值，因?yàn)樗c上下文無(wú)關(guān)。

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

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

YouTube 使用完整模式來(lái)提示移動(dòng)用戶購(gòu)買其高級(jí)訂閱

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

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

缺點(diǎn)：

它充當(dāng)路障。這種類型的通知會(huì)中斷用戶流程并迫使用戶采取行動(dòng)。

它僅在用戶訪問應(yīng)用程序時(shí)有效。這是一個(gè)應(yīng)用內(nèi)通知，這意味著如果用戶不訪問應(yīng)用程序，他們將看不到更新。

何時(shí)使用：

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

小提示：不要對(duì)促銷消息使用全屏覆蓋/模式。

如何創(chuàng)建通知策略

現(xiàn)在您已經(jīng)熟悉了不同類型的通知，是時(shí)候分享一些有助于您創(chuàng)建有效通知策略的基本規(guī)則了。

1. 同一主題的分組通知對(duì)您要發(fā)送給用戶的所有通知進(jìn)行內(nèi)容清單，并將它們分組到具有相同主題的集合中。例如，“訂單更新”通知。
2.為每個(gè)通知設(shè)置級(jí)別重要性瞄準(zhǔn)四個(gè)重要性級(jí)別（低、中、高、關(guān)鍵）。應(yīng)該從用戶的角度選擇重要性級(jí)別（基于通知提供給用戶的價(jià)值）。您可以將推送通知用于具有關(guān)鍵級(jí)別和高度重要性的事件。當(dāng)涉及低重要性時(shí)，如果要發(fā)送此類通知，則應(yīng)三思而后行。
3.允許用戶自定義通知偏好練習(xí)選擇加入方法——詢問用戶是否想接收特定類型的信息。當(dāng)用戶明確選擇接收某些類型的通知時(shí)，他們更有可能很高興看到它們。

4.避免為同一件事發(fā)送多個(gè)通知即使用戶沒有回復(fù)，也不要發(fā)送后續(xù)通知。人們應(yīng)該在方便的時(shí)候關(guān)注通知。當(dāng)您為同一件事發(fā)送多條消息時(shí)，用戶更有可能關(guān)閉您應(yīng)用的所有通知，甚至刪除該應(yīng)用。
5. 小心敏感信息不要在通知中包含敏感信息。您無(wú)法預(yù)測(cè)人們?cè)谑盏酵ㄖ獣r(shí)會(huì)做什么，因此最好避免在設(shè)備屏幕上包含其他人可以看到的機(jī)密信息。

↓↓長(zhǎng)按二維碼加靜電老師咨詢↓↓

純小班教學(xué) 秋期班開始報(bào)名啦