微信公衆号

首先要(yào / yāo)說(shuō)這(zhè)裏寫的(de)“微信公衆号”不(bù)是(shì)指微信的(de)公衆号服務，而(ér)是(shì)指企業申請公衆号以(yǐ)後企業在(zài)公衆号裏提供服務。

說(shuō)到(dào)這(zhè)點不(bù)得不(bù)說(shuō)到(dào)國(guó)内的(de)手機端web網頁的(de)迅猛發展（主要(yào / yāo)采用HTML5的(de)技術，下文裏用H5來(lái)代指手機端的(de)Web網頁）。H5在(zài)幾年前剛推出(chū)的(de)時(shí)候，雖然有像Facebook這(zhè)樣的(de)公司給它加持，但是(shì)并沒有扶起來(lái)。國(guó)内也(yě)有百度、UC等巨頭在(zài)用輕應用的(de)名号，想讓H5的(de)應用能有和(hé / huò)傳統原生App産品競争的(de)力量。

真正讓H5火起來(lái)的(de)還是(shì)微信推出(chū)公衆号之(zhī)後，特别是(shì)自定義菜單，微信官方爲(wéi / wèi)開發者提供了(le／liǎo)很多接口和(hé / huò)數據，讓一(yī / yì ／yí)個(gè)個(gè)微信公衆号真正成爲(wéi / wèi)了(le／liǎo)有意義的(de)“輕應用”，從那之(zhī)後各種各樣的(de)H5小遊戲，微主頁，微商城，各種各樣的(de)‘微‘行業就(jiù)發展起來(lái)了(le／liǎo)。

但是(shì)這(zhè)個(gè)擁有微信那麽大(dà)流量入口的(de)“輕應用”所提供的(de)用戶體驗和(hé / huò)原生的(de)App差的(de)不(bù)是(shì)一(yī / yì ／yí)個(gè)級别，在(zài)微信内調用浏覽器打開web頁面的(de)加載形式或許是(shì)讓用戶體驗那麽糟糕的(de)一(yī / yì ／yí)個(gè)原因。但我們不(bù)能忽視在(zài)很多公衆号微信開發上(shàng)的(de)各種不(bù)用心啊！

所以(yǐ)我們今天就(jiù)在(zài)這(zhè)裏一(yī / yì ／yí)起吐槽一(yī / yì ／yí)下

微信公衆号裏八大(dà)最不(bù)能忍受的(de)用戶體驗

我們開始愉快的(de)吐槽吧！

1.無意義的(de)自定義菜單内容

第一(yī / yì ／yí)個(gè)就(jiù)是(shì)毫無意義的(de)自定義菜單内容，很多企業公衆号費心費力通過了(le／liǎo)企業認證，好像不(bù)用這(zhè)個(gè)自定義菜單挺可惜的(de)，然後就(jiù)非得放些東西進去，但是(shì)并沒有考慮目标用戶是(shì)否需要(yào / yāo)。

如果把公衆号視作一(yī / yì ／yí)個(gè)小應用的(de)話，自定義菜單的(de)功能可以(yǐ)類比App裏的(de)Tabbar，主要(yào / yāo)是(shì)實現應用内的(de)導航功能，講公衆号所提供的(de)服務進行整理和(hé / huò)引導。但是(shì)很多時(shí)候公衆号運營者并不(bù)考慮功能使用的(de)優先級，隻是(shì)把功能簡單分類，甚至很多的(de)公衆号裏放在(zài)最重要(yào / yāo)位置的(de)内容都是(shì)對用戶來(lái)說(shuō)毫無意義的(de)。比如一(yī / yì ／yí)些類似領導視察、企業風範等乏味且無意義的(de)内容。

但是(shì)對已經關注的(de)用戶來(lái)說(shuō)真正有用的(de)内容在(zài)公衆号内又沒辦法找到(dào)。

比如：一(yī / yì ／yí)個(gè)購物廣場的(de)微信公衆号，自定義菜單就(jiù)放一(yī / yì ／yí)個(gè)“微網站”的(de)按鈕，但是(shì)用戶并不(bù)知道(dào)我從這(zhè)裏進去能夠獲得什麽。我的(de)核心需求可能是(shì)找到(dào)某一(yī / yì ／yí)個(gè)商鋪和(hé / huò)最近商鋪有什麽優惠。可能這(zhè)些功能在(zài)微網站内都有提供，但是(shì)對于(yú)用戶來(lái)說(shuō)，我并不(bù)知道(dào)你的(de)微網站是(shì)什麽？這(zhè)樣的(de)按鈕對用戶來(lái)說(shuō)是(shì)沒有意義的(de)。

2.排版糟糕到(dào)死的(de)文章（模版的(de)過度使用，長圖的(de)過度使用）

很多公衆号推送的(de)文章，不(bù)知道(dào)是(shì)什麽緣故總覺得過度排版，加上(shàng)了(le／liǎo)太多無意義的(de)元素。因爲(wéi / wèi)微信公衆号文章編輯器的(de)緣故，給很多第三方的(de)排版網站有了(le／liǎo)生存空間，第三方排版網站也(yě)給了(le／liǎo)我們在(zài)微信文章裏做出(chū)更優雅排版的(de)機會。不(bù)知道(dào)是(shì)因爲(wéi / wèi)炫技還是(shì)領導覺得太素不(bù)好，很多新媒體運營人(rén)員在(zài)編輯的(de)時(shí)候恨不(bù)得整篇文章每一(yī / yì ／yí)個(gè)字都是(shì)加特效的(de)。結果顯而(ér)易見，文章視覺感官沒有層次感，各種各樣的(de)元素都在(zài)搶你的(de)視線。

關于(yú)這(zhè)一(yī / yì ／yí)點，如果你提供的(de)是(shì)内容閱讀類的(de)去看看虎嗅和(hé / huò)36kr，看看人(rén)家是(shì)怎麽提供優雅易讀的(de)排版。如果是(shì)營銷文的(de)話，分清楚你文章的(de)層次，确定好一(yī / yì ／yí)篇文章裏不(bù)同權重文字的(de)不(bù)同樣式。

還有一(yī / yì ／yí)點其實也(yě)很糟糕，很多企業一(yī / yì ／yí)直在(zài)追求什麽品質感，恨不(bù)得每一(yī / yì ／yí)篇文章都是(shì)用長圖來(lái)表現的(de)。我覺得這(zhè)是(shì)個(gè)很糟糕的(de)趨勢理由有以(yǐ)下幾點：

· 第一(yī / yì ／yí)點，加載速度慢，雖然現在(zài)是(shì)4G時(shí)代了(le／liǎo)，下載速度很快，但是(shì)我們考慮下網絡不(bù)好的(de)用戶他(tā)們體驗會怎樣；

· 第二點，流量，每次打開文章如果進去時(shí)各種圖片都還在(zài)加載，我的(de)第一(yī / yì ／yí)選擇都是(shì)返回放棄浏覽，多圖殺貓啊！

· 第三點，圖片質量渣，當你上(shàng)傳辣麽大(dà)的(de)圖片的(de)時(shí)候你有沒有考慮過騰訊的(de)感受，這(zhè)麽多大(dà)圖的(de)加載會對騰訊服務器什麽樣的(de)壓力，地(dì / de)主家也(yě)沒有餘糧啊！爲(wéi / wèi)了(le／liǎo)解決這(zhè)個(gè)問題，騰訊對你上(shàng)傳的(de)圖片會進行再壓縮的(de)，越長的(de)圖片最後出(chū)來(lái)質量越渣。

其實微信默認提供的(de)字體樣式什麽的(de)在(zài)屏幕顯示上(shàng)易讀性是(shì)很高的(de)，不(bù)要(yào / yāo)畫蛇添足。

3.不(bù)知所雲的(de)自定義菜單标題

又談回了(le／liǎo)自定義菜單，很多時(shí)候企業爲(wéi / wèi)了(le／liǎo)抓人(rén)眼球，自定義菜單的(de)标題都起的(de)很奇葩。但是(shì)吸人(rén)眼球并不(bù)代表真的(de)會帶來(lái)轉化率啊！這(zhè)讓用戶徒增了(le／liǎo)很多的(de)學習成本，網頁設計裏有一(yī / yì ／yí)個(gè)特别重要(yào / yāo)的(de)原則就(jiù)是(shì)“Don't Make Me Think”，訪客至上(shàng)，不(bù)要(yào / yāo)讓你的(de)用戶花時(shí)間思考。

标題是(shì)很值得仔細推敲的(de)元素，既要(yào / yāo)新穎，又不(bù)能讓用戶不(bù)知所措。如果沒有特别好的(de)方案，那就(jiù)放上(shàng)最平實的(de)方案就(jiù)好了(le／liǎo)。就(jiù)想我們現在(zài)來(lái)看看每一(yī / yì ／yí)款爆款的(de)應用，比如微信，比如支付寶，都不(bù)會有特别出(chū)格的(de)設計和(hé / huò)文案。

少年，淡定些吧！

4.沒有反饋的(de)按鈕們和(hé / huò)沒有反饋的(de)信息提交表單

這(zhè)個(gè)其實是(shì)像我這(zhè)樣的(de)處女座最不(bù)能忍受的(de)點了(le／liǎo)，現在(zài)很多微網站的(de)開發其實是(shì)外包給開發公司或者直接套用模闆的(de)，開發的(de)用心程度簡直低到(dào)極點。有一(yī / yì ／yí)部分的(de)公衆号内提供的(de)Web頁面，所有按鈕按下不(bù)按下都一(yī / yì ／yí)樣，如果網絡或者服務器再出(chū)一(yī / yì ／yí)點問題，我甚至懷疑是(shì)不(bù)是(shì)我手機壞了(le／liǎo)，觸屏不(bù)管用了(le／liǎo)，但是(shì)更多人(rén)會覺得這(zhè)玩意是(shì)不(bù)是(shì)挂了(le／liǎo)。

很多公衆号都會用到(dào)一(yī / yì ／yí)些表單提交來(lái)獲取用戶的(de)一(yī / yì ／yí)些數據，比如報名或者意見反饋之(zhī)類的(de)。我遇到(dào)一(yī / yì ／yí)個(gè)最無語的(de)設計，就(jiù)是(shì)點擊提交按鈕後網頁沒有任何反應，既不(bù)會跳轉到(dào)成功或者失敗的(de)頁面也(yě)不(bù)會在(zài)當前頁面提示你是(shì)否成功。虧我還以(yǐ)爲(wéi / wèi)是(shì)網絡問題，等了(le／liǎo)十幾秒，結果是(shì)網頁根本沒有提供失敗或者成功的(de)反饋。

對用戶操作的(de)反饋很重要(yào / yāo)，産品在(zài)設計的(de)時(shí)候一(yī / yì ／yí)定要(yào / yāo)讓用戶用的(de)暢爽，而(ér)不(bù)是(shì)在(zài)那裏都能卡殼。普通用戶才不(bù)會想你這(zhè)個(gè)是(shì)網絡問題還是(shì)設計缺陷？他(tā)們隻會知道(dào)你這(zhè)個(gè)産品不(bù)好用。

5.神奇的(de)并不(bù)能導航的(de)一(yī / yì ／yí)鍵導航

很多在(zài)微信裏提供的(de)功能其實讓人(rén)特别無語，最簡單的(de)例子(zǐ)就(jiù)是(shì)不(bù)能導航的(de)一(yī / yì ／yí)鍵導航，很多有線下服務的(de)公衆号（比如房地(dì / de)産，商業中心等）裏都喜歡加上(shàng)一(yī / yì ／yí)鍵導航這(zhè)樣的(de)功能。

雖然很多時(shí)候隻是(shì)開發的(de)公司從百度地(dì / de)圖上(shàng)定一(yī / yì ／yí)個(gè)位置然後把pc網頁地(dì / de)址複制過來(lái)，搞定。

但是(shì)設置的(de)人(rén)并沒有去測試是(shì)不(bù)是(shì)真的(de)可以(yǐ)正常使用，是(shì)不(bù)是(shì)能正常調用地(dì / de)圖的(de)app，功能對用戶來(lái)說(shuō)是(shì)不(bù)是(shì)真的(de)可用。

其實這(zhè)裏不(bù)止是(shì)一(yī / yì ／yí)鍵導航，很多功能都會出(chū)現用戶并不(bù)能完全走通的(de)問題。沒有像原生App一(yī / yì ／yí)樣嚴格測試就(jiù)上(shàng)線，各種各樣的(de)bug在(zài)用戶使用的(de)時(shí)候才發現，得不(bù)償失，微信開發的(de)時(shí)候一(yī / yì ／yí)定要(yào / yāo)注意啦！

6.超級無語的(de)放個(gè)PC網頁（真是(shì)屬螞蟻的(de)？）

上(shàng)面說(shuō)到(dào)了(le／liǎo)走不(bù)通的(de)功能體驗，除了(le／liǎo)走不(bù)通的(de)還有另外一(yī / yì ／yí)些走通了(le／liǎo)但是(shì)還是(shì)無語的(de)功能，比如冷不(bù)丁的(de)就(jiù)給你放一(yī / yì ／yí)個(gè)PC網頁在(zài)自定義菜單裏，那個(gè)網頁沒有做不(bù)同設備的(de)自适應，和(hé / huò)上(shàng)一(yī / yì ／yí)篇裏吐槽的(de)那個(gè)讓螞蟻看到(dào)樓層導航一(yī / yì ／yí)樣，我們真的(de)是(shì)螞蟻嗎？

就(jiù)算你PC網頁做得很好，也(yě)不(bù)要(yào / yāo)随意放到(dào)公衆号的(de)鏈接上(shàng)面去。要(yào / yāo)麽做好設備自适應，要(yào / yāo)麽就(jiù)别放。

7.一(yī / yì ／yí)直彈彈彈的(de)H5頁面（濫用的(de)微場景）

彈彈彈彈走魚尾紋，現在(zài)是(shì)個(gè)H5頁面泛濫的(de)時(shí)代，超級多的(de)免費工具可以(yǐ)讓你像制作PPT一(yī / yì ／yí)樣去制作H5頁面。

說(shuō)到(dào)PPT，不(bù)得不(bù)說(shuō)我在(zài)課堂裏遇到(dào)的(de)那些驚吓，很多人(rén)很喜歡用ppt的(de)動效來(lái)顯得自己制作PPT的(de)能力超級厲害，我隻想說(shuō)然并卵。

一(yī / yì ／yí)個(gè)PPT本來(lái)從排版上(shàng)看來(lái)就(jiù)已經很糟糕了(le／liǎo)，然後還加上(shàng)一(yī / yì ／yí)些亂七八糟的(de)動效，四面八方到(dào)處亂飛，毫無邏輯可言。每次看到(dào)這(zhè)些的(de)時(shí)候，我覺得簡直是(shì)PPT界的(de)羞恥。

那些類似PPT的(de)H5頁面也(yě)是(shì)一(yī / yì ／yí)樣，無邏輯亂飛的(de)動效，不(bù)會讓别人(rén)覺得你這(zhè)個(gè)作品很優秀，隻會讓人(rén)覺得很淩亂。

爲(wéi / wèi)什麽iOS的(de)app用起來(lái)很順手？因爲(wéi / wèi)有各種各樣的(de)規則在(zài)限制着産品的(de)設計。

爲(wéi / wèi)什麽别人(rén)的(de)動效給你很流暢的(de)感覺？因爲(wéi / wèi)不(bù)反人(rén)性，有秩序和(hé / huò)規則。建議去看下谷歌的(de)Material Design 設計規則，平面設計和(hé / huò)交互設計都有。

希望做設計時(shí)節制有秩序。

8.能用微信登錄不(bù)用，非讓我登錄

不(bù)要(yào / yāo)讓我思考，都說(shuō)了(le／liǎo)不(bù)要(yào / yāo)讓我思考了(le／liǎo)。結果你一(yī / yì ／yí)個(gè)依托于(yú)微信公衆号開發的(de)微網站或者微社區什麽的(de)，還要(yào / yāo)讓我注冊登錄，你們是(shì)不(bù)知道(dào)可以(yǐ)用微信授權登錄嗎？

因爲(wéi / wèi)老闆說(shuō)我們要(yào / yāo)有自己的(de)賬戶系統，不(bù)能被微信控制，萬一(yī / yì ／yí)微信不(bù)行了(le／liǎo)呢？ 老闆，你真的(de)确定你的(de)公衆号生命周期能夠比微信長嗎？不(bù)知道(dào)微信登錄後你也(yě)可以(yǐ)勾引用戶去綁定郵箱嗎？

因爲(wéi / wèi)我們在(zài)下一(yī / yì ／yí)盤大(dà)棋，我們要(yào / yāo)獲取超多用戶的(de)信息，做大(dà)數據。 啪啪啪！大(dà)數據就(jiù)在(zài)于(yú)你最開始讓用戶注冊時(shí)填的(de)這(zhè)些嗎？把用戶堵在(zài)門外真的(de)大(dà)丈夫嗎？那麽多比你優秀的(de)産品都能直接使用微信登錄了(le／liǎo)，你還在(zài)憂愁什麽？

今天吐槽了(le／liǎo)那麽多，并不(bù)是(shì)真的(de)覺得微信公衆号不(bù)能提供優秀的(de)用戶體驗，而(ér)是(shì)希望每一(yī / yì ／yí)個(gè)像把自己微信公衆号做好的(de)企業好好的(de)去思考下自己有沒有關注過用戶體驗。希望企業的(de)公衆号真正發揮應該發揮的(de)價值。