第一坑：操作細(xì)節(jié)欠缺人性化

H5的操作體驗(yàn)是很重要，千萬(wàn)別讓你的用戶操作得不爽！舉個(gè)栗子，功能按鈕不宜出現(xiàn)在兩個(gè)地方，第一個(gè)是頁(yè)面底部，因?yàn)榇蟛糠质謾C(jī)的按鍵都是在這個(gè)位置，容易擋住H5按鈕；第二個(gè)是頁(yè)面左側(cè)，據(jù)統(tǒng)計(jì)放置在左側(cè)的按鈕點(diǎn)擊率是最低的，因?yàn)榇蟛糠秩硕际怯移沧?，要橫跨整個(gè)5寸手機(jī)去點(diǎn)擊按鈕實(shí)在是太大工程。

第二坑：遲遲不進(jìn)入主題

H5不是拍電視劇，冗長(zhǎng)的鋪墊會(huì)讓人犯困。在H5頁(yè)面里，層級(jí)越深流失率就越大，用戶隨著頁(yè)面層級(jí)的加深而不斷流失，真正能看到最后頁(yè)面的用戶連50%都不到。在移動(dòng)互聯(lián)的極速節(jié)奏下，用戶基本上是沒(méi)什么耐性可言的，為了不讓用戶放棄瀏覽，最好還是放棄繞圈，盡快進(jìn)入主題，別失去讓用戶接觸核心信息的機(jī)會(huì)。

第三坑：濫用模板導(dǎo)致風(fēng)格紊亂

我們?cè)谧鯤5時(shí)習(xí)慣性地先看模板，利用模板作為創(chuàng)作的基底。有的人看到花花綠綠的模板就HOLD不住了，不斷地疊加著模板，以為把最漂亮的東西都塞進(jìn)自己作品里就完事了。

但事實(shí)上H5不是堆砌，而是講究搭配，一般來(lái)說(shuō)，選定了一套模板就從一而終地把這套模板的風(fēng)格沿用到底。當(dāng)然，你可以把另一套模板的元素替換進(jìn)來(lái)，但前提是與整體風(fēng)格相匹配，以下來(lái)自易企秀和凡科微傳單的一些搭配案例供予大家參考。

中國(guó)風(fēng)風(fēng)格搭配

卡通風(fēng)格搭配

小清新風(fēng)格搭配

寫(xiě)實(shí)照片風(fēng)格搭配

第四坑：圖片模糊文字錯(cuò)漏

有的人認(rèn)為手機(jī)的屏幕有限，用戶停留在頁(yè)面的時(shí)間也是十分的短促，即使圖片不清晰也不會(huì)礙事，偶然幾個(gè)文字遺漏或者語(yǔ)句不通也沒(méi)有多少人看得出。其實(shí)這樣是對(duì)用戶的不尊重，說(shuō)句不好聽(tīng)的，就是把用戶當(dāng)傻瓜。

不管你的用戶是大大咧咧的不拘小節(jié)或者是完美主義的處女星人，至少你要端正好自己的態(tài)度，不要讓這些粗心的地方拉低你作品的檔次，嚴(yán)謹(jǐn)細(xì)致永遠(yuǎn)是硬道理，你不重視自己的作品又怎能要求別人認(rèn)真對(duì)待呢？

第五坑：交互技術(shù)賓喧奪主

高端的交互技術(shù)是H5的利器，但過(guò)分強(qiáng)調(diào)交互技術(shù)的話就本末倒置了，重技術(shù)輕內(nèi)涵的是三流H5作品。H5不是用來(lái)炫技，而是用來(lái)傳播個(gè)人或品牌信息的。

曾經(jīng)有一個(gè)品牌用了很牛逼的技術(shù)打造了一個(gè)十分酷炫的H5，以致于搶去了品牌信息的風(fēng)光，大家看完之后紛紛討論這個(gè)技術(shù)是怎么實(shí)現(xiàn)的，而完全忽略了真正需要傳達(dá)至用戶心中的品牌內(nèi)涵。雖說(shuō)這也掀起了話題炒起了熱度，但這確實(shí)是你想要的最理想效果么？

第六坑：作品臃腫得LOAD不動(dòng)

據(jù)統(tǒng)計(jì)H5加載超過(guò) 5 秒就會(huì)有 74% 的用戶離開(kāi)頁(yè)面，H5頁(yè)面包含較多元素，所以要給你的H5減減負(fù)，打造輕量級(jí)的作品。

例如，需要用矢量圖做動(dòng)畫(huà)的，轉(zhuǎn)成SVG格式；插入圖片前先用“tinypng.com”壓縮下，能有效減少體積；音樂(lè)的壓縮，可以考慮弄成單聲道音頻文件，比特率48或以下就行了。

第七坑：輸入行為慎用

如果你想借H5來(lái)收集用戶信息，這恐怕是有點(diǎn)不現(xiàn)實(shí)的。用戶對(duì)輸入行為很是排斥，所以還是能免則免吧，不要為了無(wú)關(guān)緊要的信息而流失了用戶，除非你有足夠的把握能讓用戶填寫(xiě)，否則都是白搭。

第八坑：忽略按鈕的設(shè)置

你說(shuō)按鈕不就是一個(gè)形狀兩個(gè)字，用得著花心思么？如果你真的這么想，忽略了按鈕的設(shè)置，那么你也等著你的按鈕被用戶華麗無(wú)視吧。怎樣的按鈕讓用戶眼前一亮并且提高轉(zhuǎn)化率？

在文字上，可多用些緊迫感的詞匯營(yíng)造出一種不馬上行動(dòng)就錯(cuò)失良機(jī)的氛圍，或者選擇一些人情味或賤兮兮的語(yǔ)調(diào)，讓用戶在操作時(shí)能感受到樂(lè)趣。在形狀上，增加一些動(dòng)畫(huà)明顯的元素也更容易引起用戶注意并點(diǎn)擊。