說(shuō)到這點(diǎn)不得不說(shuō)到國內的手機端web網(wǎng)頁(yè)的迅猛發(fā)展(主要采用HTML5的技術(shù),下文里用H5來(lái)代指手機端的Web網(wǎng)頁(yè))。H5在幾年前剛推出的時(shí)候,雖然有像Facebook這樣的公司給它加持,但是并沒(méi)有扶起來(lái)。國內也有百度、UC等巨頭在用輕應用的名號,想讓H5的應用能有和傳統原生App產(chǎn)品競爭的力量。

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