APP應該如何設計“訊息”功能？
“訊息”是APP中的一個重要功能，主要提供訊息推送和溝通交流的功能，但是不同APP的訊息功能設計有很大不同。本篇文章我們來分析不同APP的訊息功能設計不同的原因，以及“訊息”能夠提供哪些功能。enjoy~
首先我們來看一下不同APP的“訊息”功能的頁面佈局和按鈕設計如何：
以上3款APP分別為QQ、手機淘寶和人人都是產品經理APP。他們的“訊息”功能在頁面佈局、按鈕設計方面有明顯的不同。
一個功能點的頁面要如何設計，最根本的還是與產品自身的定位和使用者需求有關。
James Garrett在《使用者體驗要素——以使用者為中心的web設計》中將使用者體驗定義為產品與外界聯絡併發揮作用的方式，並擬定了使用者體驗的5個層級要素：
- 戰略層： 定義產品目標和使用者需求範圍
- 範圍層： 將產品目標和使用者需求轉化為內容和功能
- 結構層： 根據目標和需求進行互動設計與資訊架構
- 框架層： 確認詳細的介面外觀、導航和資訊設計
- 表現層： 使用者使用看到的介面，彙集內容、功能和美學設計
使用者在表現層所看到的功能設計（顏色、大小等）、互動方式和頁面佈局等，取決於戰略層的產品目標和使用者需求，以達到實現APP功能以及使使用者擁有良好的使用者體驗的目的。
基本功能
接下來，詳細地分析三類APP的訊息功能設計的原因:
1. 內容/社交類APP
對於內容和社交類的APP而言，訊息中心是APP中一個非常重要的功能，通常會在一級導航欄中設定一個Tab，作為訊息中心的入口。
像微信、QQ這類APP，聊天通訊作為其最核心的功能，訊息中心自然是放在APP首頁的位置，並且每次開啟APP的時候首先也是展示訊息頁面。
小紅書和微博這類的訊息中心主要承載了通知和聊天功能，集合了轉發、評論、贊、@等通知功能，以及官方與粉絲、粉絲與粉絲之間的聊天互動功能。
圖1為QQ、圖2為小紅書、圖3、4為微博
2. 電商類APP
對於電商類APP而言，在訊息中心裡告知使用者交易物流資訊非常重要；並且因為網購商品無法看到實體商品，所以消費者通過訊息對話向商家瞭解商品資訊，幾乎是購買過程中都要涉及的步驟。此外，訊息中心還會有一些互動、優惠版塊等。
正因為訊息功能使用頻率非常高，所以幾乎很多電商APP都會獨立出一個“訊息”Tab按鈕，方便使用者快速進入訊息中心入口。
圖1為淘寶、圖2為京東、圖3為盒馬鮮生
但是同樣為電商類APP，淘寶、京東和盒馬鮮生又有著很大的不同：淘寶和京東的都在一級導航欄中間，而盒馬鮮生的訊息按鈕在首頁右上角一個很小的地方。產生這種的原因，主要是因為兩類電商APP的產品定位差異：
因此，盒馬鮮生的商品有一定的品質保證，所以避免了很多售前的資訊和售後的糾紛；以及其訂單完成時間較短，不需要經常使用訊息功能。
3. 資訊類APP
資訊類APP的訊息中心幾乎都是“我/我的”頁面中的連結或者按鈕，主要是因為資訊類APP的核心需求是文章內容閱讀，訊息主要承載部分文章推送或者其他訊息推送（在資訊APP中首頁其實已經會根據使用者愛好或訂閱而推薦閱讀），幾乎在使用過程中不需要使用到訊息功能。
圖1為IT之家、圖2為36Kr、圖3為人人都是產品經理
總結：
通過上面的分析，一個功能的頁面佈局和設計，取決於根據產品定位和使用者需求而決定的需求優先順序，訊息功能在不同型別的APP的需求優先順序大概如下：
內容/社交類APP > 電商類APP > 資訊類APP > 工具類APP
其他功能
訊息中心除了上述的聊天、私信、物流資訊和狀態提示等功能外，訊息中心還能成為APP提供更多功能的入口：
- 內容推送：現在很多APP將訊息中心打造成類似於公眾號的形式；製作精美的文章，精準地推送給使用者，進行活動推廣。這類功能在音樂類APP—網易雲音樂、蝦米音樂等經常會看到。
- 活動營銷：對於一些追求更多的付費和活動轉化的需求，會在訊息中心推送一些連結，跳轉到優惠活動頁面，或者推送一些優惠券吸引使用者。這類功能主要屬於訊息中心的服務通知，在生活服務類APP—美團（外賣）、大眾點評等經常會看到。
全文總結
上面分析了不同APP訊息功能設計不同的原因以及訊息中心的其他功能，我們可以知道訊息中心是一個集聊天、狀態通知、互動、內容推送和活動營銷為一體的功能入口。設計APP的訊息中心的時候還是要根據自身產品定位和使用者需求，由此來設計訊息中心的頁面佈局、位置，按鈕大小（顏色）和選擇性地選取其中符合自身產品的功能。
注：以上僅代表本人個人觀點，如有錯誤或補充，歡迎大家指出和討論。
本文由 @ xunkhun 原創釋出於人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash，基於 CC0 協議。