起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識基于微信公眾號的產(chǎn)品設(shè)計雜談
作為產(chǎn)品助理，我負責的第一個產(chǎn)品馬上就要開始推廣落地了，這個產(chǎn)品不是普通的APP，而是基于微信公眾號的產(chǎn)品，在進行產(chǎn)品設(shè)計時積累了一點小經(jīng)驗，今天和大家分享下。
1、為什么要基于微信公眾號？
現(xiàn)在各類APP鋪天蓋地，做出來一個APP不難，難的是如何在考慮使用場景的情況下獲取更多的用戶?；诠娞柕漠a(chǎn)品對比普通APP有以下幾點優(yōu)勢：
獲取成本低：APP需要消耗流量下載，因而用戶下載前會慎重考慮要不要下載，尤其是在線下推廣時用戶不會在沒有WIFI的情況下使用流量下載，等回到家也就懶得下了。而公眾號產(chǎn)品對用戶來說獲取成本就低的多了，只要掃一下二維碼點擊關(guān)注就可以使用，不想使用時取消關(guān)注即可。成本低，所以更愿意使用。
開發(fā)成本低：開發(fā)APP需要開發(fā)安卓和iOS兩個系統(tǒng)，并且考慮適配不同型號的機型，而微信公眾號使用統(tǒng)一PHP或H5語言（這個我分不太清聚具體兩種語言在什么情況下使用），不需過多考慮適配問題。
不占用空間：APP下載后會占用系統(tǒng)內(nèi)存，微信公眾號不會。
依托龐大微信群：截止今年第一季度末，微信每月活躍用戶已達到5.49億，微信培養(yǎng)了用戶的使用習慣，用戶熟悉微信和微信公眾號的各項使用規(guī)則
借助微信推廣：微信內(nèi)應(yīng)用頁面可直接分享至朋友圈或好友，打開即可關(guān)注。
低頻次產(chǎn)品寄居地：有些產(chǎn)品用戶一個月才打開一次，下載和保存成本高，放在公眾號里可解決這個問題。
2、公眾號交互設(shè)計有何不同？
圖是滴滴打車的公眾號主頁面，底欄分為兩部分：3*5功能欄，和用來切換3*5功能欄與發(fā)送信息的按鈕；中間部分是信息交流部分，用戶可以發(fā)送文字語音，也可以接收公眾號發(fā)送的圖文鏈接、模板消息、文字。
下圖是滴滴打車的具體功能頁，用戶可以通過3*5功能欄和公眾號推送的鏈接消息進入，產(chǎn)品具體功能主要在這里實現(xiàn)。
下面具體講講交互設(shè)計注意點。
公眾號主頁面
按功能分類組織：公眾號主頁面下方的3*5底欄類似APP的底欄或邊欄，是羅列功能的位置，設(shè)計者可以將功能按模塊分類，放置到3個底欄模塊中，分類要符合用戶思維習慣，讓用戶可以輕松找到想尋找的功能。
不要把所有功能都堆積羅列：最好把最主要功能單獨拿出放在左邊第一個模塊，其他功能放在后面2個模塊的功能列表中。
原因是全部堆積羅列的話會讓這15個功能看起來重要性接近，沒有重點，讓用戶無法第一眼找到產(chǎn)品主要功能。主要功能放在左側(cè)單獨列出符合APP用戶習慣，可以直接進入，比如滴滴打車的“我要打車”功能。調(diào)查表明APP底欄模塊從左到右打開幾率依次降低30%到40%，所以把不重要的放在后面兩個模塊中。
三級關(guān)系：如果說單獨放置可以直接進入的功能是第一級，點擊展開列表再進入的功能是第二級，那在功能頁內(nèi)的功能入口就是第三級了，重要程度依次降低，不重要的第三級功能不要出現(xiàn)在公眾號主頁面的一二級模塊中，這個要看產(chǎn)品經(jīng)理自己安排了（這一點其實和第一點有些重復(fù)）。
文案規(guī)范：各功能字數(shù)和用詞盡量一致。
功能頁
不要頂欄：現(xiàn)在APP每個頁面一般會有頂欄，左側(cè)是返回鍵，中間是頁面名稱，但在微信公眾號里已經(jīng)有公眾號自帶的頂欄，可以設(shè)置頁面名稱，返回鍵的話安卓用戶需要使用系統(tǒng)自帶返回鍵，而iOS會在關(guān)閉鍵旁放置一個返回鍵。如果把APP頁面的頂欄原封不動放到公眾號里，會出現(xiàn)兩個頂欄，占用空間且不美觀。
不要底欄：有的公眾號從主頁面的3*5底欄進入功能頁面后還有一層自己設(shè)置的底欄，而且模塊布局和3*5底欄不一致，用戶進來就會懵了：我這是進哪了？點里面這層底欄和外面那層底欄有什么不一樣？它們的關(guān)系是什么？可能有的設(shè)計者會說我在里面再放一層底欄可以讓用戶快速切換功能啊，不需要再退出去重新打開頁面了，但看一下下面兩幅圖：
所以從3*5底欄多進進出出點擊幾次要比在功能頁的底欄里轉(zhuǎn)迷宮要輕松多了！我相信這也是微信公眾號所推薦的設(shè)計規(guī)范，我們需要把公眾號主頁面就當成我們產(chǎn)品的一部分，而不是把主頁面當成一個桌面和一個入口。
縮減功能頁面層級：普通APP使用原生語言編寫，頁面切換速度快，不需要從頭加載頁面內(nèi)容，而公眾號產(chǎn)品打開頁面像打開網(wǎng)頁一樣，需要從頭載入，速度慢，體驗差。所以我們要盡量縮短層級，簡化結(jié)構(gòu)，比如把比較重要的功能入口放到3*5里，或者利用《簡約至上》一書中提到的“隱藏”方式，把功能壓縮在同一個頁面內(nèi)，讓用戶不需要跳轉(zhuǎn)到新頁面。
把頁面做的適合移動端閱讀：在我研究過程中還發(fā)現(xiàn)有的公眾號產(chǎn)品把一個功能直接鏈接到他們web網(wǎng)站上了，你是想讓用戶直接左上角啊還是左上角啊還是左上角?。繉τ谶@樣不負責任的做法我就不說啥了。
使用模板消息：當有新消息提醒或者需要其他消息反饋時，可以使用公眾號的模板消息進行設(shè)置，讓你的公眾號更智能。
如何利用微信高級接口？
微信服務(wù)號通過認證后會開放9個高級接口，幫助產(chǎn)品狗們讓產(chǎn)品更加易用，也幫助程序猿們開發(fā)更容易。
9個高級接口分別是：
- 語音識別接口
- 客服接口
- OAuth2.0網(wǎng)頁授權(quán)
- 生成帶參數(shù)的二維碼
- 獲取用戶地理信息
- 獲取用戶基本信息
- 獲取關(guān)注者列表
- 用戶分組
- 上傳下載多媒體文件
這個問題屬于技術(shù)層面，但產(chǎn)品經(jīng)理至少需要知道這些接口能實現(xiàn)什么，這里就不過多贅述。
作者：邱騰
公眾號：邱騰的產(chǎn)品筆記
一直想請教公眾號的服務(wù)產(chǎn)品，也是有對應(yīng)后臺去管理的嘛？
你好，請教一個問題哈，上文中寫到微信設(shè)計里面不要頂欄與底欄，那各模塊（各模塊區(qū)分比較大，而且下面還有三級四級的頁面）的切換如何實現(xiàn)呢？
我做的也是基于服務(wù)號的產(chǎn)品，多交流！
微信公眾號的后期運營才是難點。