2019-10-31 資深UI設(shè)計(jì)者
我們通過(guò)門(mén)鈴聲兒得知門(mén)外有人來(lái)訪(fǎng)，也能通過(guò)電話(huà)鈴聲得知正被人呼叫。短信通知也有著類(lèi)似的作用，包括各類(lèi)產(chǎn)品的消息推送。
但不同的是，消息推送的重要性隨著「通知」被濫用而變得不那么重要了。它們變得不像門(mén)鈴或電話(huà)鈴聲起到的作用性那么大，包括短信現(xiàn)在也大多是垃圾信息。
而且，通知越來(lái)越多地通過(guò)各種方式去觸達(dá)用戶(hù)。比如消息未讀的紅點(diǎn)提示，或者顯示消息的數(shù)字統(tǒng)計(jì)，以及手機(jī)使用過(guò)程中的頂部提示與聲音或震動(dòng)的提醒，等等。
但我們還是無(wú)法抑制點(diǎn)擊圖標(biāo)的沖動(dòng)，這僅僅是因?yàn)樗哂形醋x的計(jì)數(shù)或紅點(diǎn)提示，即使我們已經(jīng)知道當(dāng)中的內(nèi)容并不重要。
而我要說(shuō)的是，當(dāng)通知內(nèi)容變得次要且被濫用之后，它仿佛成了一種違背設(shè)計(jì)原則的功能 —— 中斷用戶(hù)當(dāng)前行為。因?yàn)樗蚱屏擞脩?hù)與產(chǎn)品之間的層級(jí)關(guān)系，破局至產(chǎn)品之外來(lái)吸引用戶(hù)的注意力，這是一個(gè)非常打擾的行為。如果我在看書(shū)，突然收到一條并不重要的消息，那我一定會(huì)非常反感。
所以，為了不被「紅點(diǎn)」支配，以及不讓通知所打擾，我會(huì)把手機(jī)里所有產(chǎn)品的消息推送都給關(guān)了。
但是，以上內(nèi)容并不能說(shuō)明通知的無(wú)用論。同樣有許多用戶(hù)還是沉迷于通知的使用上，它所控制的是用戶(hù)對(duì)于某個(gè)產(chǎn)品的控制欲，擔(dān)心錯(cuò)過(guò)某條消息，就好像我在豆瓣寫(xiě)了篇隨筆，就想看別人給我點(diǎn)贊評(píng)論的消息，但我又不可能一直盯著，所以通知這時(shí)候就起到了一個(gè)很好的作用。
以至于對(duì)于優(yōu)秀的產(chǎn)品人或設(shè)計(jì)師，包括運(yùn)營(yíng)來(lái)說(shuō)，利用好通知，就能掌握用戶(hù)心理，巧妙的將用戶(hù)留在產(chǎn)品中。它們甚至有助于與打算放棄產(chǎn)品的用戶(hù)建立聯(lián)系并促進(jìn)互動(dòng)。
那么，我們應(yīng)該如何更合理的設(shè)計(jì)通知呢？下面我們通過(guò)「通知的組成部分」以及「通知的使用類(lèi)型與規(guī)則」來(lái)詳細(xì)做一次拆解。
關(guān)于通知的簡(jiǎn)單定義：它是一種吸引用戶(hù)注意的功能模式，讓用戶(hù)獲悉新事件的信息動(dòng)態(tài)。產(chǎn)品將其發(fā)送給用戶(hù)并與用戶(hù)產(chǎn)生交流。
因此從這個(gè)定義中我們可以知道，通知有兩種形式，分別是被動(dòng)只讀型和操作反饋型。
被動(dòng)只讀型，是指該信息可讀，但不可進(jìn)行操作；操作反饋型，是指用戶(hù)可對(duì)該通知進(jìn)行操作，如某寶訂單支付成功后的地址信息確認(rèn)通知。
所以在梳理組件的時(shí)候也要注意掉這個(gè)差異。
1. 消息中心
這里的消息中心，是一個(gè)信息匯總中心，但并不一定是信息來(lái)源。意思是，信息來(lái)源可能是有很多用戶(hù)在你的文章下面點(diǎn)贊了，而這個(gè)點(diǎn)贊行為被匯總到了消息中心，再用消息中心指引作者去到文章頁(yè)面查看具體詳情。
所以它是一個(gè)匯總表。但也有可能它就是信息來(lái)源點(diǎn)，比如一些系統(tǒng)通知，告知要升級(jí)，因?yàn)樗鼪](méi)有其他功能可承載，所以只會(huì)在消息中心里出現(xiàn)。
或者類(lèi)比 iOS 系統(tǒng)的通知中心，如果通知是 App 推送的，那么它會(huì)指引用戶(hù)進(jìn)入某個(gè) App；如果通知是系統(tǒng)行為，如勿擾模式，「6:00 前來(lái)電和通知將會(huì)靜音」這個(gè)通知，是只可在通知中心進(jìn)行操作的。想要更改，就需要手動(dòng)打開(kāi)設(shè)置。
2. 通知指示符
它可以是點(diǎn)，也可以是計(jì)數(shù)器，只要表明目前消息中心有新的信息就可以。我個(gè)人一直覺(jué)得這就是讓我們多數(shù)人養(yǎng)成強(qiáng)迫癥的罪魁禍?zhǔn)住?
3. 信息標(biāo)題
它主要是指該信息來(lái)自于誰(shuí)或?qū)儆谑裁醋宇?lèi)型，比如用戶(hù)互動(dòng)點(diǎn)贊消息，評(píng)論消息，系統(tǒng)消息等等。用戶(hù)可以通過(guò)標(biāo)題來(lái)獲悉該信息類(lèi)型，再通過(guò)內(nèi)容摘要來(lái)判斷內(nèi)容是否重要。
當(dāng)然，這里的摘要如果過(guò)長(zhǎng)，就需要省略處理，引導(dǎo)用戶(hù)進(jìn)入消息源或消息中心。
4. 推送時(shí)間
推送時(shí)間是一個(gè)看起來(lái)簡(jiǎn)單，實(shí)際上也好像不是很復(fù)雜的邏輯。只要說(shuō)明該通知的發(fā)送時(shí)間即可，但是需要注意的是時(shí)間段問(wèn)題。比如幾分鐘前，幾小時(shí)前，幾天前，這里的邏輯是按照時(shí)間推進(jìn)規(guī)則持續(xù)增加來(lái)告知用戶(hù)該消息的推送時(shí)間節(jié)點(diǎn)的。也就是過(guò)得越久，時(shí)間概念就越大。
5. 通知圖標(biāo)
上面講到消息類(lèi)型，我們也經(jīng)常會(huì)在各類(lèi)產(chǎn)品中發(fā)現(xiàn)不同通知的類(lèi)型會(huì)匯總在各自的類(lèi)型下。包括用戶(hù)所接收到的信息，通常也會(huì)告知用戶(hù)該信息屬于什么類(lèi)型。有時(shí)候，標(biāo)題可能會(huì)更細(xì)，但是用戶(hù)通過(guò)圖標(biāo)可以判斷該信息屬于什么類(lèi)型，甚至都不需要仔細(xì)查看標(biāo)題與內(nèi)容。
但是，并不是所有產(chǎn)品的信息都可以通過(guò)圖標(biāo)來(lái)判斷，有時(shí)候圖標(biāo)只是一個(gè)大方向，如果手機(jī)鎖屏，相對(duì)于用戶(hù)來(lái)說(shuō)，這條通知只是告訴用戶(hù)該信息是由什么產(chǎn)品推送，而并不能指向至該產(chǎn)品的什么類(lèi)型的信息。所以在使用的過(guò)程中，同樣需要根據(jù)業(yè)務(wù)的場(chǎng)景，謹(jǐn)慎地選擇圖標(biāo)。
6. 閱讀指示器
它就像是上面提到的紅點(diǎn)，這里指的是進(jìn)入 App 的消息中心之后，所顯示的內(nèi)容。
7. 操作行為
這里的操作行為分兩種，分別是 App 外與 App 內(nèi)，它們之間的操作邏輯是不同的。iOS 系統(tǒng)通知的清除操作，只是在系統(tǒng)的通知中心將該信息清除，進(jìn)入具體 App 后，這條消息還是會(huì)存在。而在 App 內(nèi)刪除該條信息，則該信息才會(huì)真正消失。
所以從上面可以看到，通知推送，是有兩大類(lèi)別的，分別是 App 外與 App 內(nèi)，它們之間的邏輯關(guān)系與展示形式會(huì)有所差異，需要根據(jù)具體情況進(jìn)行設(shè)計(jì)分析。
8. 小結(jié)
對(duì)上面的內(nèi)容進(jìn)行總結(jié)，可以得到這樣一幅畫(huà)像：
大部分系統(tǒng)或產(chǎn)品的通知組成，都可以通過(guò)此圖概括，唯一不同的是，它們會(huì)隨著不同的業(yè)務(wù)而發(fā)生變化。
比如豆瓣的推送消息告知用戶(hù)近期有新的電影上映，那么通知來(lái)源要么是電影模塊的功能詳情頁(yè)，要么是通知中心的系統(tǒng)消息；而通知類(lèi)型就是內(nèi)容更新；詳情則根據(jù)具體內(nèi)容來(lái)組合排列；最后送達(dá)至用戶(hù)。
而其中的差別就是，如果是通知中心推送的，用戶(hù)點(diǎn)擊之后則是進(jìn)入通知中心列表。如果是具體功能推送的，那么用戶(hù)點(diǎn)擊進(jìn)入的就是具體功能頁(yè)面。如下圖所示：
從這里可以看出，通知是有具體模式的。
一旦確定了通知的主要目標(biāo)，以及想要解決的問(wèn)題，包括它們?nèi)绾螌?duì)業(yè)務(wù)產(chǎn)生作用以及對(duì)用戶(hù)形成吸引力，就可以確定通知的具體樣式了。
在這一節(jié)里只要知道通知的組成部分與通知模式如何指引用戶(hù)進(jìn)入 App 即可。后面我來(lái)帶大家理一遍邏輯，以及在設(shè)計(jì)通知時(shí)要注意哪些問(wèn)題。
聊完上面的內(nèi)容之后，我相信大家對(duì)通知的組成與使用模式已經(jīng)有了全新的認(rèn)識(shí)，但也僅此而已，我們還是不知道一個(gè)優(yōu)秀的通知功能應(yīng)該從哪些方面去提升用戶(hù)體驗(yàn)。這里面所包含的不止是表象，還有內(nèi)在的規(guī)則邏輯。所以從這一節(jié)開(kāi)始，我們仔細(xì)來(lái)梳理一遍。
從我們平時(shí)使用到的，以及上文提到的，可以大概先梳理出幾類(lèi)常見(jiàn)的通知類(lèi)型。
這種類(lèi)型的通知有很多，比如微信消息發(fā)送，知乎私信，手機(jī)短信等等，它們主要由用戶(hù)主動(dòng)生成發(fā)送至其他用戶(hù)被動(dòng)接收，作用就是促進(jìn)用戶(hù)與用戶(hù)之間的互動(dòng)關(guān)系，以提升用戶(hù)使用產(chǎn)品的頻率與時(shí)長(zhǎng)。
這種通知，可給予用戶(hù)操作也可不給予操作，不操作就是讀取，并回復(fù)；操作就是可對(duì)該用戶(hù)的信息進(jìn)行屏蔽、已讀、刪除等設(shè)置。
這是最常見(jiàn)的通知類(lèi)型，在多數(shù)社交產(chǎn)品與有社交特性的產(chǎn)品里都能看到。
說(shuō)明
之所以給予用戶(hù)信息的操作行為，是因?yàn)橛脩?hù)信息可分為感興趣的與不感興趣的，它主要取決于人。不感興趣的人，頻繁的發(fā)送信息，會(huì)影響用戶(hù)對(duì)產(chǎn)品的好感度，畢竟有很多用戶(hù)消息并不是用戶(hù)想要接收的，所以在社交產(chǎn)品里，用戶(hù)可刪除好友，或拉黑好友；在有社交屬性的產(chǎn)品里，用戶(hù)可拉黑賬戶(hù)，以達(dá)到不被騷擾的訴求。
如果沒(méi)有到達(dá)刪除好友的程度，也可對(duì)該好友的信息進(jìn)行屏蔽，甚至對(duì)該好友信息做已讀而實(shí)際上未讀的處理；或者對(duì)重要信息做未讀而實(shí)際上已讀的處理。
當(dāng)然，用戶(hù)還能對(duì)群消息做更復(fù)雜的設(shè)置。這就是產(chǎn)品對(duì)這類(lèi)通知的一種優(yōu)化方式。
我們經(jīng)常會(huì)在手機(jī)上收到一種系統(tǒng)類(lèi)通知，或者在 App 中也會(huì)收到類(lèi)似的系統(tǒng)通知。大多是關(guān)于系統(tǒng)升級(jí)，密碼更新等。
這類(lèi)通知多數(shù)是用戶(hù)被動(dòng)接收，且對(duì)于系統(tǒng)與用戶(hù)來(lái)說(shuō)是較為重要的。當(dāng)然也有不重要的，比如 App 更新說(shuō)明的通知，告知用戶(hù)新功能有什么變化，或系統(tǒng)更新了什么等等。
對(duì)于這類(lèi)通知，用戶(hù)大多無(wú)法進(jìn)行設(shè)置，因?yàn)樗鼈儽容^強(qiáng)制，沒(méi)有可以商量的余地，類(lèi)似于告知用戶(hù)：我們有新的消息，比較重要，你來(lái)看看，即使你不打算更新或執(zhí)行也來(lái)看下。
說(shuō)明
系統(tǒng)類(lèi)通知，通常來(lái)說(shuō)較為被動(dòng)，要么強(qiáng)制用戶(hù)執(zhí)行操作，要么就是提醒用戶(hù)系統(tǒng)近期做了更新，或者是一些并不重要的信息提示，比如勿擾模式。
強(qiáng)制類(lèi)系統(tǒng)通知不能頻繁，否則會(huì)給用戶(hù)造成控制欲反制的副作用。類(lèi)似于本身用戶(hù)使用產(chǎn)品需要對(duì)產(chǎn)品享有控制權(quán)，現(xiàn)在反而被產(chǎn)品控制了。這是不行的。
這類(lèi)通知就是第一節(jié)中提到的那些，比如點(diǎn)贊/評(píng)論，內(nèi)容更新等等，這類(lèi)通知如果是忠實(shí)用戶(hù)，那么或許不會(huì)反感它的頻率，當(dāng)然還是需要適當(dāng)。但如果是普通用戶(hù)，那么造成的影響就是直接關(guān)閉該 App 的所有通知。
我們現(xiàn)在的很多人，之所以開(kāi)始反感通知的主要原因，就是這類(lèi)通知所造成的。內(nèi)容不斷更新，隨著時(shí)間的推移，每天推送多條對(duì)于該用戶(hù)來(lái)說(shuō)無(wú)用的通知。包括只適合一些符合條件的用戶(hù)參與的活動(dòng)通知也推送給所有人，那么用戶(hù)就會(huì)逐漸對(duì)這類(lèi)產(chǎn)品的通知失去興趣，造成無(wú)法彌補(bǔ)的損失。
即便像某團(tuán)一樣，經(jīng)常彈出開(kāi)啟通知的彈框，也依然無(wú)法召喚回用戶(hù)。這就是很典型的下場(chǎng)。
說(shuō)明
通用型通知，如果是業(yè)務(wù)很復(fù)雜的產(chǎn)品，就必須建立通知推送的功能模塊，給予用戶(hù)進(jìn)行選擇接受哪類(lèi)信息的權(quán)力。允許用戶(hù)進(jìn)行相應(yīng)的設(shè)置，如活動(dòng)類(lèi)推送可拒絕接收。
在很多產(chǎn)品中都已經(jīng)置入這樣的推送模塊設(shè)置，如下圖。
這類(lèi)內(nèi)容就是針對(duì)于產(chǎn)品的具體業(yè)務(wù)進(jìn)行細(xì)分。
比如興趣精選，私信消息等做好類(lèi)別劃分。用戶(hù)可對(duì)自己感興趣的通知做選擇性的推送接收。
另外就是，在相同賬戶(hù)的不同設(shè)備之間，推送應(yīng)該同步推送與被處理。不能這邊推送了，那邊沒(méi)推送，或者這邊處理了，那邊沒(méi)被處理。
不知道大家是否有印象，在使用如大眾點(diǎn)評(píng)等產(chǎn)品時(shí)，只要你切換了城市，產(chǎn)品就會(huì)推送通知告知用戶(hù)該城市有哪些值得游玩的景點(diǎn)與品嘗的美食。
雖然這類(lèi)通知還算不上多少智能，但至少在用戶(hù)群體中是存在這類(lèi)訴求的。而這類(lèi)訴求有時(shí)候并不能主動(dòng)感知，因?yàn)橛脩?hù)可能會(huì)想不起來(lái)通過(guò)哪類(lèi)產(chǎn)品來(lái)查找附近美食。當(dāng)這么一條通知出現(xiàn)的時(shí)候，正好解決了用戶(hù)的問(wèn)題，反而提升了用戶(hù)對(duì)于產(chǎn)品的好感度。
現(xiàn)在很多產(chǎn)品的通知都逐漸智能化，不會(huì)像以前那樣，三更半夜發(fā)來(lái)一條無(wú)關(guān)緊要的通知。而出現(xiàn)這類(lèi)問(wèn)題的主要原因還是在于產(chǎn)品、設(shè)計(jì)、運(yùn)營(yíng)，在這方面沒(méi)有下過(guò)功夫，只將通知作為一種普通的工具來(lái)使用。導(dǎo)致用戶(hù)開(kāi)始排斥通知，將其強(qiáng)制關(guān)閉。之后，就很難再讓用戶(hù)開(kāi)啟了。同理心效應(yīng)，當(dāng)做這類(lèi)功能的時(shí)候，可以回想一下自己是如何被其他產(chǎn)品打擾的。
隨著大數(shù)據(jù)的發(fā)展，我相信未來(lái)的通知系統(tǒng)會(huì)更加全面，且能做到千人千面的模式，不過(guò)在此之前，各位產(chǎn)品設(shè)計(jì)師，還需要對(duì)通知下一番功夫才是。
我們還可以繼續(xù)舉例說(shuō)明，但是基本大同小異，所以到這里為止，我再對(duì)上面的內(nèi)容做一次總結(jié)，梳理出一個(gè)好的通知應(yīng)該是如何設(shè)計(jì)的。
干擾最小化：通知本身具有強(qiáng)制性和干擾性。它的目的是把用戶(hù)的注意力吸引到產(chǎn)品上來(lái)，所以要認(rèn)真思考發(fā)送通知的內(nèi)容、時(shí)間、頻率；不要提醒用戶(hù)當(dāng)前屏幕上已經(jīng)處于展示狀態(tài)的內(nèi)容；也不要推送與用戶(hù)無(wú)關(guān)的系統(tǒng)信息。
跨設(shè)備：當(dāng)用戶(hù)讀過(guò)了某條信息，這條信息應(yīng)該不再做展示。同理，用戶(hù)也應(yīng)該能夠在其它更適合接收消息的設(shè)備上找到已讀信息。用戶(hù)通知應(yīng)該在所有設(shè)備上進(jìn)行同步。
允許設(shè)置：允許用戶(hù)在「設(shè)置」中禁止或調(diào)整通知的形式。如案例一，通過(guò)選擇推送內(nèi)容，來(lái)影響接收推送的頻率。案例二，可選消息提醒的形式是紅點(diǎn)+數(shù)字，或僅是紅點(diǎn)。
時(shí)效性：良好的通知應(yīng)盡可能實(shí)時(shí)推送。而不是等這件事情都過(guò)去很久了，才推送給用戶(hù)知道。
支持匯總：把同類(lèi)型的通知合并為一條，并顯示信息未讀數(shù)量。也可以考慮一鍵展開(kāi)通知，顯示信息詳情。
可操作性：把通知和操作結(jié)合在一起，讓用戶(hù)不需要打開(kāi)首頁(yè)就能對(duì)特定通知進(jìn)行常規(guī)操作。操作應(yīng)該清晰明了，且僅在未重復(fù)默認(rèn)操作時(shí)提供。同時(shí)操作應(yīng)該是有意義、實(shí)時(shí)、和內(nèi)容對(duì)應(yīng)的，并且能讓用戶(hù)完成某個(gè)任務(wù)。如案例一，可以在不打開(kāi)郵件的情況下，直接對(duì)通知進(jìn)行管理、查看和清除。案例二中的操作針對(duì)的是未讀郵件，可便捷地在通知板面進(jìn)行回復(fù)、刪除、標(biāo)為已讀或垃圾郵件。
對(duì)本篇文章的拓展總結(jié)：
文章來(lái)源：站酷
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com