通知設(shè)計(jì)是雙向的,關(guān)鍵是要保持適當(dāng)?shù)钠胶狻?/p>
通知設(shè)計(jì)處在產(chǎn)品的外圍,所以設(shè)計(jì)師傾向于將通知設(shè)計(jì)留到最后。
但它幫助用戶實(shí)現(xiàn)目標(biāo)的體驗(yàn),產(chǎn)品設(shè)計(jì)過程中盡早處理通知設(shè)計(jì)將產(chǎn)生更好的結(jié)果,一起來看看如何深度執(zhí)行通知設(shè)計(jì)。
進(jìn)行通知設(shè)計(jì)時(shí),需要牢記的基本設(shè)計(jì)原則是它必須協(xié)助(而不是阻礙)用戶執(zhí)行操作。
通知的形式取決于以下幾個(gè)關(guān)鍵因素:
- 傳達(dá)的信息類型
- 信息是否需要用戶操作
- 信息的緊迫性(是否需要立即查看)
一個(gè)設(shè)計(jì)良好的通知模型會(huì)考慮到可訪問性,并具有適應(yīng)不同語言的靈活性。所以要求通知的樣式和行為必須清晰、簡明和易用。
通知在產(chǎn)品可用性方面有至關(guān)重要的功能。人機(jī)交互學(xué)博士尼爾森發(fā)表的「十大可用性原則」中,第一條是狀態(tài)可見性原則。
該規(guī)則規(guī)定,系統(tǒng)應(yīng)始終在合理的時(shí)間內(nèi)通過適當(dāng)?shù)姆答伿褂脩袅私獍l(fā)生的情況。
通知設(shè)計(jì)是產(chǎn)品UX的重要組成部分,如果沒有通知和反饋,就好比駕駛一輛沒有儀表盤的汽車。
汽車儀表盤上布滿了儀表、圖標(biāo)和指示燈,這樣設(shè)計(jì)的目的是提高汽車操作系統(tǒng)的可見性,并確保安全可靠的操作性。
當(dāng)我們開車時(shí),儀表盤會(huì)發(fā)出有關(guān)發(fā)動(dòng)機(jī)溫度、機(jī)油、剎車、安全氣囊等一系列的通知,使我們隨時(shí)了解情況。轉(zhuǎn)彎時(shí)轉(zhuǎn)向燈會(huì)閃爍,同時(shí)伴隨著咔噠聲,這兩者都為我們提供了反饋。
App產(chǎn)品與儀表盤的工作原理相同。系統(tǒng)狀態(tài)和反饋的可見性是基礎(chǔ),而可用性是優(yōu)秀用戶體驗(yàn)的基石。
建立靈活的通知模型
向用戶發(fā)送一定數(shù)量的通知是一種平衡行為。而過度發(fā)送會(huì)帶來風(fēng)險(xiǎn),產(chǎn)品可能會(huì)得到很多負(fù)面反饋,或者會(huì)讓用戶疏遠(yuǎn)甚至放棄使用。
因此,設(shè)計(jì)師需要仔細(xì)考慮產(chǎn)品的交互,只發(fā)送具有明確目的的消息。另外讓用戶靈活地關(guān)閉所有或部分通知也是一個(gè)好主意。
通知設(shè)計(jì)首先分為三個(gè)級(jí)別:高關(guān)注度、中關(guān)注度和低關(guān)注度。然后再通過這三個(gè)級(jí)別中的特定屬性進(jìn)一步定義通知的類型。
下面是一個(gè)可參照的列表,通知的類型將根據(jù)產(chǎn)品、用例和其他變量而有所不同:
高關(guān)注度
- 警告(需要立即注意)
- 錯(cuò)誤(需要立即采取措施)
- 異常(系統(tǒng)異常,某些功能無效)
- 確認(rèn)(需要用戶確認(rèn)才能繼續(xù)進(jìn)行的操作)
中關(guān)注度
- 警告(無需立即采取措施)
- 確認(rèn)(對(duì)用戶操作的反饋)
低關(guān)注度
- 信息性消息(又稱被動(dòng)通知,可以回看某些內(nèi)容)
- 標(biāo)記(通常在圖標(biāo)上,展示上次互動(dòng)后的新內(nèi)容)
- 狀態(tài)指示燈(系統(tǒng)反饋)
要設(shè)計(jì)具有出色用戶體驗(yàn)的產(chǎn)品,設(shè)計(jì)師需要列出所有可能用到的通知清單。
有了清單,首先根據(jù)所需的關(guān)注級(jí)別和屬性對(duì)通知進(jìn)行分類。通知不應(yīng)該具有侵入性,所以需要謹(jǐn)慎進(jìn)行。在此過程中還要思考的一些問題:
- 什么會(huì)觸發(fā)通知?
- 正在傳達(dá)哪種類型的反饋?
- 通知將出現(xiàn)在哪里以及如何出現(xiàn)?
- 哪個(gè)通知需要立即交互?
- 通知是持久性的還是非持久的?
接下來確定顏色和樣式,并將其放入設(shè)計(jì)系統(tǒng)中。在這個(gè)過程中,設(shè)計(jì)師需要考慮每個(gè)可能出現(xiàn)的通知類型,確保它們在所有背景上都能正確呈現(xiàn)。
通知的位置也很關(guān)鍵。為了避免混淆界面,通知應(yīng)該出現(xiàn)在UI的頂部、底部或者靠近角落。
除易讀性外設(shè)計(jì)通知模型還要考慮在不同場景中許多小細(xì)節(jié)。作為全局導(dǎo)航的一部分,下圖界面中的通知應(yīng)保持可訪問性。
有關(guān)定義通知行為的其他問題:
- 如果一個(gè)警告是持久的,那么設(shè)計(jì)師怎樣確保用戶在離開初始屏幕后仍然可以訪問它們?
- 是否需要在可以看到通知存檔的地方加入帶有徽章的警報(bào)圖標(biāo)?
- 如果一個(gè)通知是非持久性的,它會(huì)在多長時(shí)間內(nèi)消失,是否應(yīng)該有一個(gè)選項(xiàng)可以在它淡出之前關(guān)閉它?
對(duì)于移動(dòng)應(yīng)用,不僅要設(shè)計(jì)應(yīng)用內(nèi)的通知,應(yīng)用外的推送通知也要精心設(shè)計(jì)。
太多沒必要的系統(tǒng)推送會(huì)讓用戶感到沮喪,他們可能會(huì)讓通知靜音甚至棄用該產(chǎn)品,比如令人恐懼的App小紅點(diǎn)。
考慮一些通知的可操作性,讓用戶在不打開App的情況下就可以完成特定的需求,以此提高工作效率。還需要謹(jǐn)慎安排推送通知的時(shí)間,以免疏遠(yuǎn)用戶。
遵循以下做法可以確保用戶將通知視為提供價(jià)值,而不是打擾或中斷,從而提高用戶體驗(yàn):
- 根據(jù)前面討論的三個(gè)注意級(jí)別對(duì)通知進(jìn)行分類,再定義這三個(gè)級(jí)別中各種通知的形式,為三個(gè)注意級(jí)別創(chuàng)建統(tǒng)一的配色方案以及圖標(biāo)樣式。
- 創(chuàng)建簡潔易讀的通知來提供有用的信息。注意適應(yīng)性和靈活性,以適應(yīng)不同的內(nèi)容類型和文本長度。
- 仔細(xì)考慮發(fā)送什么以及何時(shí)發(fā)送。對(duì)于高關(guān)注度的通知,盡可能考慮聲音和觸覺(振動(dòng))反饋。
- 對(duì)于非持久性的通知至少應(yīng)該停留4~8秒后再從屏幕上消失,也可以選擇更快將其取消。另外考慮一個(gè)帶有標(biāo)記通知「不再顯示」的選項(xiàng)。
- 確保通知與背景之間有適當(dāng)?shù)膶?duì)比來提高可讀性。采用流暢的響應(yīng)式設(shè)計(jì)時(shí),背景可能會(huì)在通知下自動(dòng)變化。
通知設(shè)計(jì)不應(yīng)該被看作事后諸葛亮。了解何時(shí)以及如何使用通知對(duì)于提供良好的可用性和建立產(chǎn)品的一致性至關(guān)重要。
快速回顧通知設(shè)計(jì)的正確方法:
- 盡早開始通知設(shè)計(jì),而不是事后考慮;
- 按三個(gè)注意級(jí)別對(duì)通知進(jìn)行分類:高、中、低;
- 考慮顏色和圖標(biāo)的樣式并確定位置;
- 按類型對(duì)它們進(jìn)行分類:持久性或非持久、彈窗、橫幅等;
- 將它們整合到設(shè)計(jì)系統(tǒng)中。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。