編輯導(dǎo)讀：在APP的整理架構(gòu)中，消息系統(tǒng)是一個(gè)必不可少的功能模塊，其核心是幫助用戶及時(shí)了解各類消息，保障業(yè)務(wù)正常運(yùn)行。本文作者消息中心的概念出發(fā)，結(jié)合58同城的案例，分析總結(jié)了APP消息中心的設(shè)計(jì)思路，與大家分享。

58消息中心承擔(dān)著58同城APP用戶集中處理各類業(yè)務(wù)消息的功能。

本篇文章，從消息中心的定義、發(fā)展、組成、以及各行業(yè)間的異同等方面做了詳細(xì)介紹，讓我們對(duì)消息中心有一個(gè)整體了解，便于找到設(shè)計(jì)切入點(diǎn)，或幫助我們?cè)u(píng)估自身產(chǎn)品的消息中心。從一致性和服務(wù)號(hào)兩個(gè)方面，闡述了如何將消息中心的優(yōu)化收益最大。

01 消息中心的概念

1. 消息中心定義

APP的消息中心，是通過APP或手機(jī)這個(gè)客戶端，圍繞某個(gè)產(chǎn)品或同一目的進(jìn)行交流、溝通的重要方式。這種溝通，一方是使用APP的用戶，另一方可以是是運(yùn)營(yíng)人員或商家，也可以是產(chǎn)品或系統(tǒng)本身，當(dāng)然也可以是其他用戶。

2. 從消息的發(fā)展看本質(zhì)

我們細(xì)數(shù)消息的發(fā)展和演變，從古時(shí)候的烽火傳軍情、鴻雁傳書、郵驛；到公用電話、座機(jī)、手機(jī)通話 ；再到現(xiàn)在智能手機(jī)的普及，微信、QQ等社交類APP的出現(xiàn)，是新技術(shù)的誕生帶來的商業(yè)模式和產(chǎn)品形態(tài)的非連續(xù)性變化。

信息互聯(lián)，不同的時(shí)代，雖然傳遞消息的介質(zhì)一直在發(fā)生改變，但消息的本質(zhì)都是一致的。

消息中心的本質(zhì)：信息快速觸達(dá)，價(jià)值直接傳遞。

02 消息中心的組成

不同定位的產(chǎn)品，消息類型和復(fù)雜程度也差別甚遠(yuǎn)。因此無法在此一一舉例。

1. 主要組成模塊

消息中心的主要組成模塊中消息列表是必不可少的（有些在下一級(jí)界面中），分類導(dǎo)航根據(jù)消息類別的多少不一定都有，像微信、QQ這種以會(huì)話消息類型為核心的APP是沒有的。

消息中心列表頁(yè)是應(yīng)用內(nèi)系統(tǒng)發(fā)送給用戶的各種信息的一個(gè)集合頁(yè)面。集合頁(yè)面意味著消息本身被劃分成了各種類型，這時(shí)候合適的分類消息導(dǎo)航能幫助用戶快速找到需要的信息。

2. 輔助組成模塊

所謂輔助的組成模塊，就是不一定所有消息中心都有的，要結(jié)合產(chǎn)品實(shí)際情況增減。主要包括：搜索、全部已讀、消息設(shè)置、通訊錄等。

輔助組成模塊做好了，有助于針對(duì)消息中心功能形成閉環(huán)。

微博的消息中心基本包括了所有的輔助組成模塊，用戶可以收發(fā)消息，設(shè)置消息，搜索消息。像微博這種消息功能重要，類別多，有社交屬性的產(chǎn)品加入這些輔助功能是合適的，但不適合所有產(chǎn)品。

3. 消息的類型和狀態(tài)

（1）常見消息類型包括

文本、視頻、語(yǔ)音、通話（視頻&語(yǔ)音）、文檔、位置、圖片、邀請(qǐng)、紅包、Tips、業(yè)務(wù)卡片。

其中業(yè)務(wù)卡片以58同城APP為例單獨(dú)說明，將業(yè)務(wù)卡片分為4種類型：

• 吸頂卡片：分為兩種，1.商品介紹類；2.個(gè)人信息類。展示雙方貫穿始終的會(huì)話主題，及核心操作按鈕。注：無貫穿始終的會(huì)話主題，該卡片不顯示。
• 商品信息卡片：雙方發(fā)出的，帶有商品（工作、房源、車源、物品等）基本信息的卡片。在實(shí)際應(yīng)用中，根據(jù)自己業(yè)務(wù)的不同匹配不同的字段。
• 個(gè)人信息卡片：用于雙方初次會(huì)話，以清晰的信息、真實(shí)的數(shù)據(jù)建立彼此信任。在實(shí)際應(yīng)用中，根據(jù)業(yè)務(wù)不同匹配不同字段。
• 可操作卡片：在不干擾正常會(huì)話的基礎(chǔ)上，用于建議性、政策性的操作引導(dǎo)/提示。

例：初次會(huì)話引導(dǎo)用戶「在線預(yù)約」，完成在線預(yù)約并已過看房時(shí)間再次回到會(huì)話，引導(dǎo)用戶「簽約」可操作卡片分類：1.以官方立場(chǎng)發(fā)出，如上例；2.可操作對(duì)話卡片。

說完業(yè)務(wù)卡片的分類，為了提升一致性，像58同城、滴滴這種包含大量業(yè)務(wù)卡片的產(chǎn)品，如何對(duì)其進(jìn)行規(guī)范呢？

我們從圖片、邊距、轉(zhuǎn)角、寬度進(jìn)行規(guī)范說明。

• 圖片規(guī)范：圖片從兩個(gè)緯度進(jìn)行規(guī)范，1.應(yīng)用，一般用于頭像、業(yè)務(wù)卡片內(nèi)商品圖片；2.比例，將所有圖片比例進(jìn)行整理，得到三個(gè)常用比例，1:1、3:4、1:2.3。
• 邊距規(guī)范：邊距規(guī)范包括，卡片距頁(yè)面邊距、內(nèi)容區(qū)（含文字、元素）距離左右上下邊距。
• 轉(zhuǎn)角規(guī)范：轉(zhuǎn)角規(guī)范取4的倍數(shù)：4px、8px、12px、16px、20px，會(huì)話氣泡與業(yè)務(wù)卡片轉(zhuǎn)角統(tǒng)一16px大小。
• 寬度規(guī)范：卡片寬度兩種類型規(guī)范：會(huì)話氣泡卡片，卡片寬度530px，不含頭像和氣泡尾部；通欄卡片，卡片寬度690px。

（2）消息狀態(tài)包括

• 閱讀狀態(tài)：已讀、未讀；
• 發(fā)送狀態(tài)：發(fā)送中、發(fā)送成功、發(fā)送失?。?/li>
• 接收狀態(tài)：已接、未接、拒接；

03 不同類型APP消息中心的特點(diǎn)

消息功能是產(chǎn)品中用戶溝通的重要機(jī)制，也是非常重要和基礎(chǔ)的一個(gè)功能模塊。消息功能，因?yàn)楫a(chǎn)品的定位不同，其重要程度也存在非常大的差異。簡(jiǎn)單來說，在不同類型APP中，其重要程度排序大概為：內(nèi)容/社交類APP > 電商類APP > 資訊類APP > 工具類APP。

1. 內(nèi)容/社交類

像偏內(nèi)容類產(chǎn)品，社交需求很高，一般消息中心入口放置在底部導(dǎo)航欄；而社交類產(chǎn)品核心業(yè)務(wù)就是通訊交流，不僅放在底部導(dǎo)航欄，還會(huì)做為APP的首頁(yè)。

前面我們提到過，消息中心的本質(zhì)是：信息快速觸達(dá)，價(jià)值直接傳遞。所以此類產(chǎn)品的設(shè)計(jì)會(huì)最大化縮短消息會(huì)話路徑。通知和聊天（私信）是此類APP消息中心的兩大主要功能。

2. 電商類

對(duì)于電商類APP，與商家的聊天互動(dòng)以及交易物流信息同樣重要，所以大部分電商類APP消息中心的入口放置在底部導(dǎo)航欄，或者頂部導(dǎo)航每頁(yè)跟隨。

除了互動(dòng)消息、系統(tǒng)通知、交易物流，有些APP也會(huì)根據(jù)自身業(yè)務(wù)加入優(yōu)惠、訂閱等板塊。

3. 資訊類

資訊類以內(nèi)容為主，消息中心入口位置較弱，一般放置在個(gè)人主頁(yè)、主頁(yè)頂部導(dǎo)航欄等。

此類產(chǎn)品的消息一般包括：個(gè)人消息、站內(nèi)通知、活動(dòng)通知、系統(tǒng)通知等。

4. 工具類

工具類產(chǎn)品的特點(diǎn)是：解決需求單一；實(shí)現(xiàn)路徑單一。消息中心入口位置較弱，僅在動(dòng)態(tài)頁(yè)、首頁(yè)或個(gè)人中心頂部，或個(gè)人中心頁(yè)有入口，有些甚至沒有消息中心。主要消息為：服務(wù)提醒。

04 消息中心優(yōu)化收益最大化

1. 一致性

消息中心承擔(dān)著58APP用戶集中處理各類業(yè)務(wù)消息的功能。

為了提高一致性：首先，基礎(chǔ)規(guī)范和58同城平臺(tái)規(guī)范統(tǒng)一。然后，我們從招聘、汽車、房產(chǎn)、本地服務(wù)四大業(yè)務(wù)線入手，整理了各個(gè)業(yè)務(wù)的業(yè)務(wù)卡片類型，并產(chǎn)出規(guī)范，定期與各業(yè)務(wù)線UI負(fù)責(zé)人同步；

2. 服務(wù)號(hào)

微信公眾號(hào)的成功，不僅催生了大量自媒體創(chuàng)業(yè)，也為消息中心提供了新的信息傳播方式，原本單一的文字推送不再能滿足用戶的需求，而類似公眾號(hào)的圖文形式則慢慢成為主流。

例如：滴滴的服務(wù)號(hào)，支付寶的生活號(hào)，淘寶的消息號(hào)等，圖文+視頻都能承接。

好的產(chǎn)品設(shè)計(jì)只能說是成功了一半，那么消息中心的內(nèi)容又該如何來運(yùn)營(yíng)呢？我們可以通過AISAS模型和AARRR模型尋找設(shè)計(jì)發(fā)力點(diǎn)。

從全局思考服務(wù)號(hào)對(duì)于業(yè)務(wù)可能拓展的能力和價(jià)值

分析服務(wù)號(hào)在具體業(yè)務(wù)場(chǎng)景中的能力，梳理在全業(yè)務(wù)中服務(wù)號(hào)促進(jìn)轉(zhuǎn)化的可拓展內(nèi)容價(jià)值和命中用戶的過程。

給運(yùn)營(yíng)同學(xué)的小建議：

1. 雖然產(chǎn)品和開發(fā)同學(xué)會(huì)為官方賬號(hào)導(dǎo)量，使運(yùn)營(yíng)同學(xué)不再擔(dān)心用戶數(shù)量。但明確的賬號(hào)定位、優(yōu)質(zhì)的內(nèi)容、合理的發(fā)送類型和發(fā)送頻次同樣重要。
2. 切記不要頻繁地給用戶推送各種折扣，將消息中心單獨(dú)作為優(yōu)惠券出口，這樣雖然前期會(huì)讓用戶有些興趣，但后期只會(huì)給用戶增加煩惱，也會(huì)使自己的產(chǎn)品掉價(jià)，甚至影響以后的拉新。

05 寫在最后

這是我參與消息中心和微聊SDK項(xiàng)目后的一些總結(jié)，以上內(nèi)容僅供參考，希望能對(duì)正在負(fù)責(zé)或?qū)⒁?fù)責(zé)消息中心設(shè)計(jì)優(yōu)化的小伙伴有所幫助。如果大家有更多關(guān)于消息中心的觀點(diǎn)或是經(jīng)驗(yàn)，歡迎大家一起討論共同進(jìn)步。

作者：胡冰茜，設(shè)計(jì)師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心（微信公眾號(hào)@58UXD），作者@胡冰茜

題圖來自 Unsplash，基于CC0協(xié)議。