通知設計需要掌握哪些原則？來看這份全面指南

通知設計是雙向的，關鍵是要保持適當的平衡。

通知設計處在產品的外圍，所以設計師傾向于將通知設計留到最后。

但它幫助用戶實現目標的體驗，產品設計過程中盡早處理通知設計將產生更好的結果，一起來看看如何深度執行通知設計。

通知設計的基本原則

進行通知設計時，需要牢記的基本設計原則是它必須協助（而不是阻礙）用戶執行操作。

通知的形式取決于以下幾個關鍵因素：

• 傳達的信息類型
• 信息是否需要用戶操作
• 信息的緊迫性(是否需要立即查看)

一個設計良好的通知模型會考慮到可訪問性，并具有適應不同語言的靈活性。所以要求通知的樣式和行為必須清晰、簡明和易用。

通知設計的目是什么？

通知在產品可用性方面有至關重要的功能。人機交互學博士尼爾森發表的「十大可用性原則」中，第一條是狀態可見性原則。

該規則規定，系統應始終在合理的時間內通過適當的反饋使用戶了解發生的情況。

通知設計是產品UX的重要組成部分，如果沒有通知和反饋，就好比駕駛一輛沒有儀表盤的汽車。

汽車儀表盤上布滿了儀表、圖標和指示燈，這樣設計的目的是提高汽車操作系統的可見性，并確保安全可靠的操作性。

當我們開車時，儀表盤會發出有關發動機溫度、機油、剎車、安全氣囊等一系列的通知，使我們隨時了解情況。轉彎時轉向燈會閃爍，同時伴隨著咔噠聲，這兩者都為我們提供了反饋。

App產品與儀表盤的工作原理相同。系統狀態和反饋的可見性是基礎，而可用性是優秀用戶體驗的基石。

更多尼爾森設計原則：

建立靈活的通知模型

向用戶發送一定數量的通知是一種平衡行為。而過度發送會帶來風險，產品可能會得到很多負面反饋，或者會讓用戶疏遠甚至放棄使用。

因此，設計師需要仔細考慮產品的交互，只發送具有明確目的的消息。另外讓用戶靈活地關閉所有或部分通知也是一個好主意。

通知設計首先分為三個級別：高關注度、中關注度和低關注度。然后再通過這三個級別中的特定屬性進一步定義通知的類型。

下面是一個可參照的列表，通知的類型將根據產品、用例和其他變量而有所不同：

高關注度

• 警告（需要立即注意）
• 錯誤（需要立即采取措施）
• 異常（系統異常，某些功能無效）
• 確認（需要用戶確認才能繼續進行的操作）

中關注度

• 警告（無需立即采取措施）
• 確認（對用戶操作的反饋）

低關注度

• 信息性消息（又稱被動通知，可以回看某些內容）
• 標記（通常在圖標上，展示上次互動后的新內容）
• 狀態指示燈（系統反饋）

通知設計需要注意的問題

要設計具有出色用戶體驗的產品，設計師需要列出所有可能用到的通知清單。

有了清單，首先根據所需的關注級別和屬性對通知進行分類。通知不應該具有侵入性，所以需要謹慎進行。在此過程中還要思考的一些問題：

• 什么會觸發通知？
• 正在傳達哪種類型的反饋？
• 通知將出現在哪里以及如何出現？
• 哪個通知需要立即交互？
• 通知是持久性的還是非持久的？

接下來確定顏色和樣式，并將其放入設計系統中。在這個過程中，設計師需要考慮每個可能出現的通知類型，確保它們在所有背景上都能正確呈現。

通知的位置也很關鍵。為了避免混淆界面，通知應該出現在UI的頂部、底部或者靠近角落。

除易讀性外設計通知模型還要考慮在不同場景中許多小細節。作為全局導航的一部分，下圖界面中的通知應保持可訪問性。

有關定義通知行為的其他問題：

• 如果一個警告是持久的，那么設計師怎樣確保用戶在離開初始屏幕后仍然可以訪問它們？
• 是否需要在可以看到通知存檔的地方加入帶有徽章的警報圖標？
• 如果一個通知是非持久性的，它會在多長時間內消失，是否應該有一個選項可以在它淡出之前關閉它？

對于移動應用，不僅要設計應用內的通知，應用外的推送通知也要精心設計。

太多沒必要的系統推送會讓用戶感到沮喪，他們可能會讓通知靜音甚至棄用該產品，比如令人恐懼的App小紅點。

考慮一些通知的可操作性，讓用戶在不打開App的情況下就可以完成特定的需求，以此提高工作效率。還需要謹慎安排推送通知的時間，以免疏遠用戶。

打造優秀的通知設計體驗

遵循以下做法可以確保用戶將通知視為提供價值，而不是打擾或中斷，從而提高用戶體驗：

• 根據前面討論的三個注意級別對通知進行分類，再定義這三個級別中各種通知的形式，為三個注意級別創建統一的配色方案以及圖標樣式。
• 創建簡潔易讀的通知來提供有用的信息。注意適應性和靈活性，以適應不同的內容類型和文本長度。
• 仔細考慮發送什么以及何時發送。對于高關注度的通知，盡可能考慮聲音和觸覺(振動)反饋。
• 對于非持久性的通知至少應該停留4～8秒后再從屏幕上消失，也可以選擇更快將其取消。另外考慮一個帶有標記通知「不再顯示」的選項。
• 確保通知與背景之間有適當的對比來提高可讀性。采用流暢的響應式設計時，背景可能會在通知下自動變化。

總結

通知設計不應該被看作事后諸葛亮。了解何時以及如何使用通知對于提供良好的可用性和建立產品的一致性至關重要。

快速回顧通知設計的正確方法：

• 盡早開始通知設計，而不是事后考慮；
• 按三個注意級別對通知進行分類：高、中、低；
• 考慮顏色和圖標的樣式并確定位置；
• 按類型對它們進行分類：持久性或非持久、彈窗、橫幅等；
• 將它們整合到設計系統中。

更多通知設計小技巧：

歡迎關注作者微信公眾號：「Clip設計夾」