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