說(shuō)到這點(diǎn)不得不說(shuō)到國(guó)內(nèi)的手機(jī)端web網(wǎng)頁(yè)的迅猛發(fā)展（主要采用HTML5的技術(shù)，下文里用H5來(lái)代指手機(jī)端的Web網(wǎng)頁(yè)）。H5在幾年前剛推出的時(shí)候，雖然有像Facebook這樣的公司給它加持，但是并沒(méi)有扶起來(lái)。國(guó)內(nèi)也有百度、UC等巨頭在用輕應(yīng)用的名號(hào)，想讓H5的應(yīng)用能有和傳統(tǒng)原生App產(chǎn)品競(jìng)爭(zhēng)的力量。
真正讓H5火起來(lái)的還是微信推出公眾號(hào)之后，特別是自定義菜單，微信官方為開(kāi)發(fā)者提供了很多接口和數(shù)據(jù)，讓一個(gè)個(gè)微信公眾號(hào)真正成為了有意義的“輕應(yīng)用”，從那之后各種各樣的H5小游戲，微主頁(yè)，微商城，各種各樣的‘微‘行業(yè)就發(fā)展起來(lái)了。
但是這個(gè)擁有微信那么大流量入口的“輕應(yīng)用”所提供的用戶(hù)體驗(yàn)和原生的App差的不是一個(gè)級(jí)別，在微信內(nèi)調(diào)用瀏覽器打開(kāi)web頁(yè)面的加載形式或許是讓用戶(hù)體驗(yàn)?zāi)敲丛愀獾囊粋€(gè)原因。但我們不能忽視在很多公眾號(hào)微信開(kāi)發(fā)上的各種不用心啊！
所以我們今天就在這里一起吐槽一下
如果把公眾號(hào)視作一個(gè)小應(yīng)用的話(huà)，自定義菜單的功能可以類(lèi)比App里的Tabbar，主要是實(shí)現(xiàn)應(yīng)用內(nèi)的導(dǎo)航功能，講公眾號(hào)所提供的服務(wù)進(jìn)行整理和引導(dǎo)。但是很多時(shí)候公眾號(hào)運(yùn)營(yíng)者并不考慮功能使用的優(yōu)先級(jí)，只是把功能簡(jiǎn)單分類(lèi)，甚至很多的公眾號(hào)里放在最重要位置的內(nèi)容都是對(duì)用戶(hù)來(lái)說(shuō)毫無(wú)意義的。比如一些類(lèi)似領(lǐng)導(dǎo)視察、企業(yè)風(fēng)范等乏味且無(wú)意義的內(nèi)容。
但是對(duì)已經(jīng)關(guān)注的用戶(hù)來(lái)說(shuō)真正有用的內(nèi)容在公眾號(hào)內(nèi)又沒(méi)辦法找到。
比如：一個(gè)購(gòu)物廣場(chǎng)的微信公眾號(hào)，自定義菜單就放一個(gè)“微網(wǎng)站”的按鈕，但是用戶(hù)并不知道我從這里進(jìn)去能夠獲得什么。我的核心需求可能是找到某一個(gè)商鋪和最近商鋪有什么優(yōu)惠。可能這些功能在微網(wǎng)站內(nèi)都有提供，但是對(duì)于用戶(hù)來(lái)說(shuō)，我并不知道你的微網(wǎng)站是什么？這樣的按鈕對(duì)用戶(hù)來(lái)說(shuō)是沒(méi)有意義的。
關(guān)于這一點(diǎn)，如果你提供的是內(nèi)容閱讀類(lèi)的去看看虎嗅和36kr，看看人家是怎么提供優(yōu)雅易讀的排版。如果是營(yíng)銷(xiāo)文的話(huà)，分清楚你文章的層次，確定好一篇文章里不同權(quán)重文字的不同樣式。
還有一點(diǎn)其實(shí)也很糟糕，很多企業(yè)一直在追求什么品質(zhì)感，恨不得每一篇文章都是用長(zhǎng)圖來(lái)表現(xiàn)的。我覺(jué)得這是個(gè)很糟糕的趨勢(shì)理由有以下幾點(diǎn)：
· 第一點(diǎn)，加載速度慢，雖然現(xiàn)在是4G時(shí)代了，下載速度很快，但是我們考慮下網(wǎng)絡(luò)不好的用戶(hù)他們體驗(yàn)會(huì)怎樣；
· 第二點(diǎn)，流量，每次打開(kāi)文章如果進(jìn)去時(shí)各種圖片都還在加載，我的第一選擇都是返回放棄瀏覽，多圖殺貓啊！
· 第三點(diǎn)，圖片質(zhì)量渣，當(dāng)你上傳辣么大的圖片的時(shí)候你有沒(méi)有考慮過(guò)騰訊的感受，這么多大圖的加載會(huì)對(duì)騰訊服務(wù)器什么樣的壓力，地主家也沒(méi)有余糧啊！為了解決這個(gè)問(wèn)題，騰訊對(duì)你上傳的圖片會(huì)進(jìn)行再壓縮的，越長(zhǎng)的圖片最后出來(lái)質(zhì)量越渣。
其實(shí)微信默認(rèn)提供的字體樣式什么的在屏幕顯示上易讀性是很高的，不要畫(huà)蛇添足。
標(biāo)題是很值得仔細(xì)推敲的元素，既要新穎，又不能讓用戶(hù)不知所措。如果沒(méi)有特別好的方案，那就放上最平實(shí)的方案就好了。就想我們現(xiàn)在來(lái)看看每一款爆款的應(yīng)用，比如微信，比如支付寶，都不會(huì)有特別出格的設(shè)計(jì)和文案。
少年，淡定些吧！
很多公眾號(hào)都會(huì)用到一些表單提交來(lái)獲取用戶(hù)的一些數(shù)據(jù)，比如報(bào)名或者意見(jiàn)反饋之類(lèi)的。我遇到一個(gè)最無(wú)語(yǔ)的設(shè)計(jì)，就是點(diǎn)擊提交按鈕后網(wǎng)頁(yè)沒(méi)有任何反應(yīng)，既不會(huì)跳轉(zhuǎn)到成功或者失敗的頁(yè)面也不會(huì)在當(dāng)前頁(yè)面提示你是否成功。虧我還以為是網(wǎng)絡(luò)問(wèn)題，等了十幾秒，結(jié)果是網(wǎng)頁(yè)根本沒(méi)有提供失敗或者成功的反饋。
對(duì)用戶(hù)操作的反饋很重要，產(chǎn)品在設(shè)計(jì)的時(shí)候一定要讓用戶(hù)用的暢爽，而不是在那里都能卡殼。普通用戶(hù)才不會(huì)想你這個(gè)是網(wǎng)絡(luò)問(wèn)題還是設(shè)計(jì)缺陷？他們只會(huì)知道你這個(gè)產(chǎn)品不好用。
雖然很多時(shí)候只是開(kāi)發(fā)的公司從百度地圖上定一個(gè)位置然后把pc網(wǎng)頁(yè)地址復(fù)制過(guò)來(lái)，搞定。
但是設(shè)置的人并沒(méi)有去測(cè)試是不是真的可以正常使用，是不是能正常調(diào)用地圖的app，功能對(duì)用戶(hù)來(lái)說(shuō)是不是真的可用。
其實(shí)這里不止是一鍵導(dǎo)航，很多功能都會(huì)出現(xiàn)用戶(hù)并不能完全走通的問(wèn)題。沒(méi)有像原生App一樣嚴(yán)格測(cè)試就上線，各種各樣的bug在用戶(hù)使用的時(shí)候才發(fā)現(xiàn)，得不償失，微信開(kāi)發(fā)的時(shí)候一定要注意啦！
就算你PC網(wǎng)頁(yè)做得很好，也不要隨意放到公眾號(hào)的鏈接上面去。要么做好設(shè)備自適應(yīng)，要么就別放。
說(shuō)到PPT，不得不說(shuō)我在課堂里遇到的那些驚嚇，很多人很喜歡用ppt的動(dòng)效來(lái)顯得自己制作PPT的能力超級(jí)厲害，我只想說(shuō)然并卵。
一個(gè)PPT本來(lái)從排版上看來(lái)就已經(jīng)很糟糕了，然后還加上一些亂七八糟的動(dòng)效，四面八方到處亂飛，毫無(wú)邏輯可言。每次看到這些的時(shí)候，我覺(jué)得簡(jiǎn)直是PPT界的羞恥。
那些類(lèi)似PPT的H5頁(yè)面也是一樣，無(wú)邏輯亂飛的動(dòng)效，不會(huì)讓別人覺(jué)得你這個(gè)作品很優(yōu)秀，只會(huì)讓人覺(jué)得很凌亂。
為什么iOS的app用起來(lái)很順手？因?yàn)橛懈鞣N各樣的規(guī)則在限制著產(chǎn)品的設(shè)計(jì)。
為什么別人的動(dòng)效給你很流暢的感覺(jué)？因?yàn)椴环慈诵裕兄刃蚝鸵?guī)則。建議去看下谷歌的Material Design 設(shè)計(jì)規(guī)則，平面設(shè)計(jì)和交互設(shè)計(jì)都有。
希望做設(shè)計(jì)時(shí)節(jié)制有秩序。
因?yàn)槔习逭f(shuō)我們要有自己的賬戶(hù)系統(tǒng)，不能被微信控制，萬(wàn)一微信不行了呢？ 老板，你真的確定你的公眾號(hào)生命周期能夠比微信長(zhǎng)嗎？不知道微信登錄后你也可以勾引用戶(hù)去綁定郵箱嗎？
因?yàn)槲覀冊(cè)谙乱槐P(pán)大棋，我們要獲取超多用戶(hù)的信息，做大數(shù)據(jù)。 啪啪啪！大數(shù)據(jù)就在于你最開(kāi)始讓用戶(hù)注冊(cè)時(shí)填的這些嗎？把用戶(hù)堵在門(mén)外真的大丈夫嗎？那么多比你優(yōu)秀的產(chǎn)品都能直接使用微信登錄了，你還在憂(yōu)愁什么？
今天吐槽了那么多，并不是真的覺(jué)得微信公眾號(hào)不能提供優(yōu)秀的用戶(hù)體驗(yàn)，而是希望每一個(gè)像把自己微信公眾號(hào)做好的企業(yè)好好的去思考下自己有沒(méi)有關(guān)注過(guò)用戶(hù)體驗(yàn)。希望企業(yè)的公眾號(hào)真正發(fā)揮應(yīng)該發(fā)揮的價(jià)值。
但是這個(gè)擁有微信那么大流量入口的“輕應(yīng)用”所提供的用戶(hù)體驗(yàn)和原生的App差的不是一個(gè)級(jí)別，在微信內(nèi)調(diào)用瀏覽器打開(kāi)web頁(yè)面的加載形式或許是讓用戶(hù)體驗(yàn)?zāi)敲丛愀獾囊粋€(gè)原因。但我們不能忽視在很多公眾號(hào)微信開(kāi)發(fā)上的各種不用心啊！
所以我們今天就在這里一起吐槽一下
微信公眾號(hào)里八大最不能忍受的用戶(hù)體驗(yàn)
我們開(kāi)始愉快的吐槽吧！1.無(wú)意義的自定義菜單內(nèi)容
第一個(gè)就是毫無(wú)意義的自定義菜單內(nèi)容，很多企業(yè)公眾號(hào)費(fèi)心費(fèi)力通過(guò)了企業(yè)認(rèn)證，好像不用這個(gè)自定義菜單挺可惜的，然后就非得放些東西進(jìn)去，但是并沒(méi)有考慮目標(biāo)用戶(hù)是否需要。如果把公眾號(hào)視作一個(gè)小應(yīng)用的話(huà)，自定義菜單的功能可以類(lèi)比App里的Tabbar，主要是實(shí)現(xiàn)應(yīng)用內(nèi)的導(dǎo)航功能，講公眾號(hào)所提供的服務(wù)進(jìn)行整理和引導(dǎo)。但是很多時(shí)候公眾號(hào)運(yùn)營(yíng)者并不考慮功能使用的優(yōu)先級(jí)，只是把功能簡(jiǎn)單分類(lèi)，甚至很多的公眾號(hào)里放在最重要位置的內(nèi)容都是對(duì)用戶(hù)來(lái)說(shuō)毫無(wú)意義的。比如一些類(lèi)似領(lǐng)導(dǎo)視察、企業(yè)風(fēng)范等乏味且無(wú)意義的內(nèi)容。
但是對(duì)已經(jīng)關(guān)注的用戶(hù)來(lái)說(shuō)真正有用的內(nèi)容在公眾號(hào)內(nèi)又沒(méi)辦法找到。
比如：一個(gè)購(gòu)物廣場(chǎng)的微信公眾號(hào)，自定義菜單就放一個(gè)“微網(wǎng)站”的按鈕，但是用戶(hù)并不知道我從這里進(jìn)去能夠獲得什么。我的核心需求可能是找到某一個(gè)商鋪和最近商鋪有什么優(yōu)惠。可能這些功能在微網(wǎng)站內(nèi)都有提供，但是對(duì)于用戶(hù)來(lái)說(shuō)，我并不知道你的微網(wǎng)站是什么？這樣的按鈕對(duì)用戶(hù)來(lái)說(shuō)是沒(méi)有意義的。
2.排版糟糕到死的文章（模版的過(guò)度使用，長(zhǎng)圖的過(guò)度使用）
很多公眾號(hào)推送的文章，不知道是什么緣故總覺(jué)得過(guò)度排版，加上了太多無(wú)意義的元素。因?yàn)槲⑿殴娞?hào)文章編輯器的緣故，給很多第三方的排版網(wǎng)站有了生存空間，第三方排版網(wǎng)站也給了我們?cè)谖⑿盼恼吕镒龀龈鼉?yōu)雅排版的機(jī)會(huì)。不知道是因?yàn)殪偶歼€是領(lǐng)導(dǎo)覺(jué)得太素不好，很多新媒體運(yùn)營(yíng)人員在編輯的時(shí)候恨不得整篇文章每一個(gè)字都是加特效的。結(jié)果顯而易見(jiàn)，文章視覺(jué)感官?zèng)]有層次感，各種各樣的元素都在搶你的視線。關(guān)于這一點(diǎn)，如果你提供的是內(nèi)容閱讀類(lèi)的去看看虎嗅和36kr，看看人家是怎么提供優(yōu)雅易讀的排版。如果是營(yíng)銷(xiāo)文的話(huà)，分清楚你文章的層次，確定好一篇文章里不同權(quán)重文字的不同樣式。
還有一點(diǎn)其實(shí)也很糟糕，很多企業(yè)一直在追求什么品質(zhì)感，恨不得每一篇文章都是用長(zhǎng)圖來(lái)表現(xiàn)的。我覺(jué)得這是個(gè)很糟糕的趨勢(shì)理由有以下幾點(diǎn)：
· 第一點(diǎn)，加載速度慢，雖然現(xiàn)在是4G時(shí)代了，下載速度很快，但是我們考慮下網(wǎng)絡(luò)不好的用戶(hù)他們體驗(yàn)會(huì)怎樣；
· 第二點(diǎn)，流量，每次打開(kāi)文章如果進(jìn)去時(shí)各種圖片都還在加載，我的第一選擇都是返回放棄瀏覽，多圖殺貓啊！
· 第三點(diǎn)，圖片質(zhì)量渣，當(dāng)你上傳辣么大的圖片的時(shí)候你有沒(méi)有考慮過(guò)騰訊的感受，這么多大圖的加載會(huì)對(duì)騰訊服務(wù)器什么樣的壓力，地主家也沒(méi)有余糧啊！為了解決這個(gè)問(wèn)題，騰訊對(duì)你上傳的圖片會(huì)進(jìn)行再壓縮的，越長(zhǎng)的圖片最后出來(lái)質(zhì)量越渣。
其實(shí)微信默認(rèn)提供的字體樣式什么的在屏幕顯示上易讀性是很高的，不要畫(huà)蛇添足。
3.不知所云的自定義菜單標(biāo)題
又談回了自定義菜單，很多時(shí)候企業(yè)為了抓人眼球，自定義菜單的標(biāo)題都起的很奇葩。但是吸人眼球并不代表真的會(huì)帶來(lái)轉(zhuǎn)化率啊！這讓用戶(hù)徒增了很多的學(xué)習(xí)成本，網(wǎng)頁(yè)設(shè)計(jì)里有一個(gè)特別重要的原則就是“Don't Make Me Think”，訪客至上，不要讓你的用戶(hù)花時(shí)間思考。標(biāo)題是很值得仔細(xì)推敲的元素，既要新穎，又不能讓用戶(hù)不知所措。如果沒(méi)有特別好的方案，那就放上最平實(shí)的方案就好了。就想我們現(xiàn)在來(lái)看看每一款爆款的應(yīng)用，比如微信，比如支付寶，都不會(huì)有特別出格的設(shè)計(jì)和文案。
少年，淡定些吧！
4.沒(méi)有反饋的按鈕們和沒(méi)有反饋的信息提交表單
這個(gè)其實(shí)是像我這樣的處女座最不能忍受的點(diǎn)了，現(xiàn)在很多微網(wǎng)站的開(kāi)發(fā)其實(shí)是外包給開(kāi)發(fā)公司或者直接套用模板的，開(kāi)發(fā)的用心程度簡(jiǎn)直低到極點(diǎn)。有一部分的公眾號(hào)內(nèi)提供的Web頁(yè)面，所有按鈕按下不按下都一樣，如果網(wǎng)絡(luò)或者服務(wù)器再出一點(diǎn)問(wèn)題，我甚至懷疑是不是我手機(jī)壞了，觸屏不管用了，但是更多人會(huì)覺(jué)得這玩意是不是掛了。很多公眾號(hào)都會(huì)用到一些表單提交來(lái)獲取用戶(hù)的一些數(shù)據(jù)，比如報(bào)名或者意見(jiàn)反饋之類(lèi)的。我遇到一個(gè)最無(wú)語(yǔ)的設(shè)計(jì)，就是點(diǎn)擊提交按鈕后網(wǎng)頁(yè)沒(méi)有任何反應(yīng)，既不會(huì)跳轉(zhuǎn)到成功或者失敗的頁(yè)面也不會(huì)在當(dāng)前頁(yè)面提示你是否成功。虧我還以為是網(wǎng)絡(luò)問(wèn)題，等了十幾秒，結(jié)果是網(wǎng)頁(yè)根本沒(méi)有提供失敗或者成功的反饋。
對(duì)用戶(hù)操作的反饋很重要，產(chǎn)品在設(shè)計(jì)的時(shí)候一定要讓用戶(hù)用的暢爽，而不是在那里都能卡殼。普通用戶(hù)才不會(huì)想你這個(gè)是網(wǎng)絡(luò)問(wèn)題還是設(shè)計(jì)缺陷？他們只會(huì)知道你這個(gè)產(chǎn)品不好用。
5.神奇的并不能導(dǎo)航的一鍵導(dǎo)航
很多在微信里提供的功能其實(shí)讓人特別無(wú)語(yǔ)，最簡(jiǎn)單的例子就是不能導(dǎo)航的一鍵導(dǎo)航，很多有線下服務(wù)的公眾號(hào)（比如房地產(chǎn)，商業(yè)中心等）里都喜歡加上一鍵導(dǎo)航這樣的功能。雖然很多時(shí)候只是開(kāi)發(fā)的公司從百度地圖上定一個(gè)位置然后把pc網(wǎng)頁(yè)地址復(fù)制過(guò)來(lái)，搞定。
但是設(shè)置的人并沒(méi)有去測(cè)試是不是真的可以正常使用，是不是能正常調(diào)用地圖的app，功能對(duì)用戶(hù)來(lái)說(shuō)是不是真的可用。
其實(shí)這里不止是一鍵導(dǎo)航，很多功能都會(huì)出現(xiàn)用戶(hù)并不能完全走通的問(wèn)題。沒(méi)有像原生App一樣嚴(yán)格測(cè)試就上線，各種各樣的bug在用戶(hù)使用的時(shí)候才發(fā)現(xiàn)，得不償失，微信開(kāi)發(fā)的時(shí)候一定要注意啦！
6.超級(jí)無(wú)語(yǔ)的放個(gè)PC網(wǎng)頁(yè)（真是屬螞蟻的？）
上面說(shuō)到了走不通的功能體驗(yàn)，除了走不通的還有另外一些走通了但是還是無(wú)語(yǔ)的功能，比如冷不丁的就給你放一個(gè)PC網(wǎng)頁(yè)在自定義菜單里，那個(gè)網(wǎng)頁(yè)沒(méi)有做不同設(shè)備的自適應(yīng)，和上一篇里吐槽的那個(gè)讓螞蟻看到樓層導(dǎo)航一樣，我們真的是螞蟻嗎？就算你PC網(wǎng)頁(yè)做得很好，也不要隨意放到公眾號(hào)的鏈接上面去。要么做好設(shè)備自適應(yīng)，要么就別放。
7.一直彈彈彈的H5頁(yè)面（濫用的微場(chǎng)景）
彈彈彈彈走魚(yú)尾紋，現(xiàn)在是個(gè)H5頁(yè)面泛濫的時(shí)代，超級(jí)多的免費(fèi)工具可以讓你像制作PPT一樣去制作H5頁(yè)面。說(shuō)到PPT，不得不說(shuō)我在課堂里遇到的那些驚嚇，很多人很喜歡用ppt的動(dòng)效來(lái)顯得自己制作PPT的能力超級(jí)厲害，我只想說(shuō)然并卵。
一個(gè)PPT本來(lái)從排版上看來(lái)就已經(jīng)很糟糕了，然后還加上一些亂七八糟的動(dòng)效，四面八方到處亂飛，毫無(wú)邏輯可言。每次看到這些的時(shí)候，我覺(jué)得簡(jiǎn)直是PPT界的羞恥。
那些類(lèi)似PPT的H5頁(yè)面也是一樣，無(wú)邏輯亂飛的動(dòng)效，不會(huì)讓別人覺(jué)得你這個(gè)作品很優(yōu)秀，只會(huì)讓人覺(jué)得很凌亂。
為什么iOS的app用起來(lái)很順手？因?yàn)橛懈鞣N各樣的規(guī)則在限制著產(chǎn)品的設(shè)計(jì)。
為什么別人的動(dòng)效給你很流暢的感覺(jué)？因?yàn)椴环慈诵裕兄刃蚝鸵?guī)則。建議去看下谷歌的Material Design 設(shè)計(jì)規(guī)則，平面設(shè)計(jì)和交互設(shè)計(jì)都有。
希望做設(shè)計(jì)時(shí)節(jié)制有秩序。
8.能用微信登錄不用，非讓我登錄
不要讓我思考，都說(shuō)了不要讓我思考了。結(jié)果你一個(gè)依托于微信公眾號(hào)開(kāi)發(fā)的微網(wǎng)站或者微社區(qū)什么的，還要讓我注冊(cè)登錄，你們是不知道可以用微信授權(quán)登錄嗎？因?yàn)槔习逭f(shuō)我們要有自己的賬戶(hù)系統(tǒng)，不能被微信控制，萬(wàn)一微信不行了呢？ 老板，你真的確定你的公眾號(hào)生命周期能夠比微信長(zhǎng)嗎？不知道微信登錄后你也可以勾引用戶(hù)去綁定郵箱嗎？
因?yàn)槲覀冊(cè)谙乱槐P(pán)大棋，我們要獲取超多用戶(hù)的信息，做大數(shù)據(jù)。 啪啪啪！大數(shù)據(jù)就在于你最開(kāi)始讓用戶(hù)注冊(cè)時(shí)填的這些嗎？把用戶(hù)堵在門(mén)外真的大丈夫嗎？那么多比你優(yōu)秀的產(chǎn)品都能直接使用微信登錄了，你還在憂(yōu)愁什么？
本文地址：http://knowyourextract.com//article/2020/0205/14334.html
