2023-2-17 資深UI設(shè)計者
通知是許多產(chǎn)品中不可或缺的一部分,它用于傳遞產(chǎn)品的一些新的信息狀態(tài),幫助用戶能夠及時收到信息。
本文將討論五種類型的 UI 通知,以及何時以及如何使用它們的基本規(guī)則。
通知是產(chǎn)品能夠與用戶及時同步信息變化,及時發(fā)送重要通知,例如產(chǎn)品更新、信息提醒、互動提醒、新消息通知等。
消息通知是為產(chǎn)品賦能,為用戶提供幫助,便于快速獲取對應(yīng)的通知信息,例如產(chǎn)品更新、信息提醒、互動提醒、新消息通知等,在 App 和網(wǎng)頁應(yīng)用中最常見的信息交換方式則是消息通知。
消息作為一種信息交換方式,抽象其過程,即為“在達到某一觸發(fā)條件下,由發(fā)送方發(fā)送消息給到接收方,接收方可針對此條消息提供反饋”。
基礎(chǔ)的通知模塊通常有標題、內(nèi)容、入口、徽標、識別圖標五個元素構(gòu)成
標題區(qū)域:用戶傳遞消息的核心區(qū)域,整個通知的信息都是圍繞標題進行,一般標題以簡短精煉為主,讓用戶在最短時間了解到關(guān)鍵信息。
內(nèi)容區(qū)域:主要描述更加詳細的通知內(nèi)容,當然這里的內(nèi)容也不建議超過2行,并且不要重復(fù)標題中內(nèi)容
操作區(qū)域:通知分為可點擊類和不可點擊類,當通知模塊需要用戶點擊時,視覺上應(yīng)該更加具象,如按鈕、箭頭,不要讓用戶產(chǎn)生思考。
圖標圖片:有意義的圖像可以強化通知的內(nèi)容,例如,如果你將收到的消息通知用戶,你可以包含發(fā)件人的頭像。
通知的模式根據(jù)不同的場景也會有不同類型,接下來將一一講解這5種通知類型,以及使用場景。
徽標是一個小的填充橢圓形,可以出現(xiàn)在應(yīng)用程序圖標上并指示未看到的更新?;諛丝梢杂幸粋€數(shù)字,用于通知用戶未讀通知的數(shù)量。用戶檢查更新后,徽章會從應(yīng)用程序圖標中消失,并在新通知到達時再次出現(xiàn)。
感知:它可以對用戶產(chǎn)生積極的影響,在某些情況下,用戶可以將徽章視為有價值的獎勵,例如,徽章會通知用戶他們在社交網(wǎng)絡(luò)上收到新的點贊、評論,Nir Eyal曾在他的書“Hooked”中描述了這種心理效應(yīng)。
視覺:紅色作為警惕色,用戶看到后會更具有點擊欲望,相對產(chǎn)品的一些數(shù)據(jù)指標會有對應(yīng)的提升
需要用戶采取額外的行動,徽章本身不是通知,這是通知的警報,它只是說明了用戶有新更新的事實,用戶必須單擊或點擊帶有徽章的圖標才能看到實際消息,紅色為強干擾元素,對一些具有強迫癥的用戶很不友好,在體驗上會有一定的影響
一般用戶消息的通知,例如系統(tǒng)通知、社交中的點贊、評論、回復(fù)等內(nèi)容
推送通知是出現(xiàn)在移動設(shè)備的鎖屏上并引起很多關(guān)注的通知。
很難讓用戶忽略該推送通知,如果用戶不進行處理,會長時間浮動在手機上
由于系統(tǒng)上app很多,會導(dǎo)致用戶對該類的通知處于麻木狀態(tài),推送通知的效果不是很強
如果過度使用,頻繁的推送通知,即使它們很有價值,也可能會惹惱用戶
推送通知適用于重要且時間敏感的更新(即用戶設(shè)置的日歷提醒或警報、航班延誤或已交付訂單的更新),在您發(fā)送推送通知之前,您需要確保您將與用戶共享的信息是有價值的和時效性的,否則,最好使用其他類型的通知。
a、不要使用推送通知來提示用戶對應(yīng)用進行評分
b、不建議將推送通知用于促銷或廣告
c、不要使用推送通知來鼓勵用戶返回應(yīng)用,例如“好久沒見到你了,是否想念了呢”通知不會為用戶提供太多價值,需要向用戶明確說明他們應(yīng)該返回應(yīng)用程序的目的
d、允許用戶更改通知行為
用戶會收到一封電子郵件,其中包含有關(guān)更新的詳細信息,不過這類通知目前在國外的一些網(wǎng)站使用頻率比較高,根據(jù)習(xí)慣來講,國外更多的還是習(xí)慣用郵件的方式作為重要信息的交流方式,相比之下國內(nèi)使用郵件來傳遞信息的頻率略低
給用戶更多的控制權(quán),由用戶決定是否要訂閱電子郵件,如果電子郵件標題足夠好,用戶可能無需閱讀電子郵件就可以理解上下文。
周期長,國內(nèi)用戶可能幾個月甚至1年都看不了一次郵件,此外,電子郵件可能會在用戶收件箱中丟失(即轉(zhuǎn)到垃圾郵件文件夾)
它需要切換上下文,當應(yīng)用程序發(fā)送需要用戶操作的電子郵件通知時,用戶必須切換到電子郵件應(yīng)用程序才能完成操作,這可能不是很方便,尤其是當您與移動設(shè)備上的應(yīng)用程序交互時。
需要安全性時,想要使用電子郵件通知有兩個原因,首先,出于安全目的,你可能希望將電子郵件用作單獨的通道(即,當用戶嘗試登錄服務(wù)時,應(yīng)用程序會發(fā)送一封電子郵件,其中包含有關(guān)新登錄嘗試的通知)。4.Toast通知
Toast 屬于一種及時性通知,當用戶進行操作時,及時給出反饋,通常在移動端顯示在界面的上、中、下三個位置,而web端通常顯示在頂部區(qū)域,toast持續(xù)一定時間后會自動消失,對用戶的打擾較小
Toast 是與當前頁面的內(nèi)容強關(guān)聯(lián),用戶無需離開當前頁面就能看到反饋消息
不會中斷用戶操作,出現(xiàn)時間短,對操作上無影響
丟失信息的風(fēng)險,用戶注意力不集中時,會出現(xiàn)漏掉關(guān)鍵性信息的情況
Toast 是一種操作狀態(tài),例如,消息發(fā)送時可以在消息發(fā)送成功時顯示toast“發(fā)送成功”
不要使用 toast 來提示與當前用戶操作無關(guān)的信息
不要將 toast 用于錯誤消息,由于 toast 會在短時間內(nèi)消失,因此某些用戶可能無法閱讀錯誤消息
全屏覆蓋/模態(tài)窗口是出現(xiàn)在應(yīng)用內(nèi)容頂部并要求用戶做出決定的對話框窗口,這種類型的通知會在所有應(yīng)用功能出現(xiàn)時禁用它們并保留在屏幕上,直到用戶完成所需的操作。
用戶在訪問應(yīng)用程序時將 100% 看到通知,無法避免此通知。
它會阻礙用戶當前的操作,迫使用戶操作通知相關(guān)的內(nèi)容
全屏覆蓋/模式窗口應(yīng)僅用于需要用戶操作的最關(guān)鍵的系統(tǒng)更新,例如,它可能是阻止應(yīng)用程序正常運行的錯誤或需要特定用戶決策的關(guān)鍵信息。
詢問用戶是否想接收特定類型的信息,當用戶明確選擇接收某些類型的通知時,說明他們的意愿更強,比產(chǎn)品強制傳輸消息效果較好
一些流氓軟件會發(fā)送一些系統(tǒng)通知,用戶無反饋后,還是會重復(fù)發(fā)送,特別是一些短信push,建議用戶沒有回復(fù)時,也不要發(fā)送后續(xù)通知,大部分人的本性是不愿意被脅迫做一些事。
不要在通知中包含敏感信息,例如一些文化特殊性、地域的特殊性等,防止出現(xiàn)觸及別人痛處的一些文字語言
藍藍設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://www.teruid.com