作為產(chǎn)品助理，我負(fù)責(zé)的第一個(gè)產(chǎn)品馬上就要開始推廣落地了，這個(gè)產(chǎn)品不是普通的APP，而是基于微信公眾號(hào)的產(chǎn)品，在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)積累了一點(diǎn)小經(jīng)驗(yàn)，今天和大家分享下。

1、為什么要基于微信公眾號(hào)？

現(xiàn)在各類APP鋪天蓋地，做出來一個(gè)APP不難，難的是如何在考慮使用場(chǎng)景的情況下獲取更多的用戶?；诠娞?hào)的產(chǎn)品對(duì)比普通APP有以下幾點(diǎn)優(yōu)勢(shì)：

獲取成本低：APP需要消耗流量下載，因而用戶下載前會(huì)慎重考慮要不要下載，尤其是在線下推廣時(shí)用戶不會(huì)在沒有WIFI的情況下使用流量下載，等回到家也就懶得下了。而公眾號(hào)產(chǎn)品對(duì)用戶來說獲取成本就低的多了，只要掃一下二維碼點(diǎn)擊關(guān)注就可以使用，不想使用時(shí)取消關(guān)注即可。成本低，所以更愿意使用。

開發(fā)成本低：開發(fā)APP需要開發(fā)安卓和iOS兩個(gè)系統(tǒng)，并且考慮適配不同型號(hào)的機(jī)型，而微信公眾號(hào)使用統(tǒng)一PHP或H5語言（這個(gè)我分不太清聚具體兩種語言在什么情況下使用），不需過多考慮適配問題。

不占用空間：APP下載后會(huì)占用系統(tǒng)內(nèi)存，微信公眾號(hào)不會(huì)。

依托龐大微信群：截止今年第一季度末，微信每月活躍用戶已達(dá)到5.49億，微信培養(yǎng)了用戶的使用習(xí)慣，用戶熟悉微信和微信公眾號(hào)的各項(xiàng)使用規(guī)則

借助微信推廣：微信內(nèi)應(yīng)用頁面可直接分享至朋友圈或好友，打開即可關(guān)注。

低頻次產(chǎn)品寄居地：有些產(chǎn)品用戶一個(gè)月才打開一次，下載和保存成本高，放在公眾號(hào)里可解決這個(gè)問題。

2、公眾號(hào)交互設(shè)計(jì)有何不同？

圖是滴滴打車的公眾號(hào)主頁面，底欄分為兩部分：3*5功能欄，和用來切換3*5功能欄與發(fā)送信息的按鈕；中間部分是信息交流部分，用戶可以發(fā)送文字語音，也可以接收公眾號(hào)發(fā)送的圖文鏈接、模板消息、文字。

下圖是滴滴打車的具體功能頁，用戶可以通過3*5功能欄和公眾號(hào)推送的鏈接消息進(jìn)入，產(chǎn)品具體功能主要在這里實(shí)現(xiàn)。

下面具體講講交互設(shè)計(jì)注意點(diǎn)。

公眾號(hào)主頁面

按功能分類組織：公眾號(hào)主頁面下方的3*5底欄類似APP的底欄或邊欄，是羅列功能的位置，設(shè)計(jì)者可以將功能按模塊分類，放置到3個(gè)底欄模塊中，分類要符合用戶思維習(xí)慣，讓用戶可以輕松找到想尋找的功能。

不要把所有功能都堆積羅列：最好把最主要功能單獨(dú)拿出放在左邊第一個(gè)模塊，其他功能放在后面2個(gè)模塊的功能列表中。

原因是全部堆積羅列的話會(huì)讓這15個(gè)功能看起來重要性接近，沒有重點(diǎn)，讓用戶無法第一眼找到產(chǎn)品主要功能。主要功能放在左側(cè)單獨(dú)列出符合APP用戶習(xí)慣，可以直接進(jìn)入，比如滴滴打車的“我要打車”功能。調(diào)查表明APP底欄模塊從左到右打開幾率依次降低30%到40%，所以把不重要的放在后面兩個(gè)模塊中。

三級(jí)關(guān)系：如果說單獨(dú)放置可以直接進(jìn)入的功能是第一級(jí)，點(diǎn)擊展開列表再進(jìn)入的功能是第二級(jí)，那在功能頁內(nèi)的功能入口就是第三級(jí)了，重要程度依次降低，不重要的第三級(jí)功能不要出現(xiàn)在公眾號(hào)主頁面的一二級(jí)模塊中，這個(gè)要看產(chǎn)品經(jīng)理自己安排了（這一點(diǎn)其實(shí)和第一點(diǎn)有些重復(fù)）。

文案規(guī)范：各功能字?jǐn)?shù)和用詞盡量一致。

功能頁

不要頂欄：現(xiàn)在APP每個(gè)頁面一般會(huì)有頂欄，左側(cè)是返回鍵，中間是頁面名稱，但在微信公眾號(hào)里已經(jīng)有公眾號(hào)自帶的頂欄，可以設(shè)置頁面名稱，返回鍵的話安卓用戶需要使用系統(tǒng)自帶返回鍵，而iOS會(huì)在關(guān)閉鍵旁放置一個(gè)返回鍵。如果把APP頁面的頂欄原封不動(dòng)放到公眾號(hào)里，會(huì)出現(xiàn)兩個(gè)頂欄，占用空間且不美觀。

不要底欄：有的公眾號(hào)從主頁面的3*5底欄進(jìn)入功能頁面后還有一層自己設(shè)置的底欄，而且模塊布局和3*5底欄不一致，用戶進(jìn)來就會(huì)懵了：我這是進(jìn)哪了？點(diǎn)里面這層底欄和外面那層底欄有什么不一樣？它們的關(guān)系是什么？可能有的設(shè)計(jì)者會(huì)說我在里面再放一層底欄可以讓用戶快速切換功能啊，不需要再退出去重新打開頁面了，但看一下下面兩幅圖：

所以從3*5底欄多進(jìn)進(jìn)出出點(diǎn)擊幾次要比在功能頁的底欄里轉(zhuǎn)迷宮要輕松多了！我相信這也是微信公眾號(hào)所推薦的設(shè)計(jì)規(guī)范，我們需要把公眾號(hào)主頁面就當(dāng)成我們產(chǎn)品的一部分，而不是把主頁面當(dāng)成一個(gè)桌面和一個(gè)入口。

縮減功能頁面層級(jí)：普通APP使用原生語言編寫，頁面切換速度快，不需要從頭加載頁面內(nèi)容，而公眾號(hào)產(chǎn)品打開頁面像打開網(wǎng)頁一樣，需要從頭載入，速度慢，體驗(yàn)差。所以我們要盡量縮短層級(jí)，簡(jiǎn)化結(jié)構(gòu)，比如把比較重要的功能入口放到3*5里，或者利用《簡(jiǎn)約至上》一書中提到的“隱藏”方式，把功能壓縮在同一個(gè)頁面內(nèi)，讓用戶不需要跳轉(zhuǎn)到新頁面。

把頁面做的適合移動(dòng)端閱讀：在我研究過程中還發(fā)現(xiàn)有的公眾號(hào)產(chǎn)品把一個(gè)功能直接鏈接到他們web網(wǎng)站上了，你是想讓用戶直接左上角啊還是左上角啊還是左上角啊？對(duì)于這樣不負(fù)責(zé)任的做法我就不說啥了。

使用模板消息：當(dāng)有新消息提醒或者需要其他消息反饋時(shí)，可以使用公眾號(hào)的模板消息進(jìn)行設(shè)置，讓你的公眾號(hào)更智能。

如何利用微信高級(jí)接口？

微信服務(wù)號(hào)通過認(rèn)證后會(huì)開放9個(gè)高級(jí)接口，幫助產(chǎn)品狗們讓產(chǎn)品更加易用，也幫助程序猿們開發(fā)更容易。

9個(gè)高級(jí)接口分別是：

1. 語音識(shí)別接口
2. 客服接口
3. OAuth2.0網(wǎng)頁授權(quán)
4. 生成帶參數(shù)的二維碼
5. 獲取用戶地理信息
6. 獲取用戶基本信息
7. 獲取關(guān)注者列表
8. 用戶分組
9. 上傳下載多媒體文件

這個(gè)問題屬于技術(shù)層面，但產(chǎn)品經(jīng)理至少需要知道這些接口能實(shí)現(xiàn)什么，這里就不過多贅述。

作者：邱騰

公眾號(hào)：邱騰的產(chǎn)品筆記