通知設(shè)計全面指南
發(fā)布時間:2022-01-19 10:59 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 3042

通知設(shè)計是雙向的,關(guān)鍵是要保持適當?shù)钠胶狻?/p>

通知設(shè)計處在產(chǎn)品的外圍,所以設(shè)計師傾向于將通知設(shè)計留到最后。

但它幫助用戶實現(xiàn)目標的體驗,產(chǎn)品設(shè)計過程中盡早處理通知設(shè)計將產(chǎn)生更好的結(jié)果,一起來看看如何深度執(zhí)行通知設(shè)計。

通知設(shè)計的基本原則

進行通知設(shè)計時,需要牢記的基本設(shè)計原則是它必須協(xié)助(而不是阻礙)用戶執(zhí)行操作。

通知的形式取決于以下幾個關(guān)鍵因素:

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

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

通知設(shè)計的目是什么?

通知在產(chǎn)品可用性方面有至關(guān)重要的功能。人機交互學博士尼爾森發(fā)表的「十大可用性原則」中,第一條是狀態(tài)可見性原則。

該規(guī)則規(guī)定,系統(tǒng)應(yīng)始終在合理的時間內(nèi)通過適當?shù)姆答伿褂脩袅私獍l(fā)生的情況。

通知設(shè)計是產(chǎn)品UX的重要組成部分,如果沒有通知和反饋,就好比駕駛一輛沒有儀表盤的汽車。

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

通知設(shè)計需要掌握哪些原則?來看這份全面指南

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

App產(chǎn)品與儀表盤的工作原理相同。系統(tǒng)狀態(tài)和反饋的可見性是基礎(chǔ),而可用性是優(yōu)秀用戶體驗的基石。

建立靈活的通知模型

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

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

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

通知設(shè)計需要掌握哪些原則?來看這份全面指南

下面是一個可參照的列表,通知的類型將根據(jù)產(chǎn)品、用例和其他變量而有所不同:

高關(guān)注度

  • 警告(需要立即注意)
  • 錯誤(需要立即采取措施)
  • 異常(系統(tǒng)異常,某些功能無效)
  • 確認(需要用戶確認才能繼續(xù)進行的操作)

中關(guān)注度

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

低關(guān)注度

  • 信息性消息(又稱被動通知,可以回看某些內(nèi)容)
  • 標記(通常在圖標上,展示上次互動后的新內(nèi)容)
  • 狀態(tài)指示燈(系統(tǒng)反饋)

通知設(shè)計需要掌握哪些原則?來看這份全面指南


通知設(shè)計需要注意的問題

要設(shè)計具有出色用戶體驗的產(chǎn)品,設(shè)計師需要列出所有可能用到的通知清單。

有了清單,首先根據(jù)所需的關(guān)注級別和屬性對通知進行分類。通知不應(yīng)該具有侵入性,所以需要謹慎進行。在此過程中還要思考的一些問題:

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

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

通知設(shè)計需要掌握哪些原則?來看這份全面指南

通知的位置也很關(guān)鍵。為了避免混淆界面,通知應(yīng)該出現(xiàn)在UI的頂部、底部或者靠近角落。

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

通知設(shè)計需要掌握哪些原則?來看這份全面指南

有關(guān)定義通知行為的其他問題:

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

對于移動應(yīng)用,不僅要設(shè)計應(yīng)用內(nèi)的通知,應(yīng)用外的推送通知也要精心設(shè)計。

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

通知設(shè)計需要掌握哪些原則?來看這份全面指南

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

通知設(shè)計需要掌握哪些原則?來看這份全面指南


打造優(yōu)秀的通知設(shè)計體驗

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

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

通知設(shè)計需要掌握哪些原則?來看這份全面指南


總結(jié)

通知設(shè)計不應(yīng)該被看作事后諸葛亮。了解何時以及如何使用通知對于提供良好的可用性和建立產(chǎn)品的一致性至關(guān)重要。

快速回顧通知設(shè)計的正確方法:

  • 盡早開始通知設(shè)計,而不是事后考慮;
  • 按三個注意級別對通知進行分類:高、中、低;
  • 考慮顏色和圖標的樣式并確定位置;
  • 按類型對它們進行分類:持久性或非持久、彈窗、橫幅等;
  • 將它們整合到設(shè)計系統(tǒng)中。
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC