第一坑：操作細(xì)節(jié)欠缺人性化
H5的操作體驗(yàn)是很重要，千萬別讓你的用戶操作得不爽！舉個栗子，功能按鈕不宜出現(xiàn)在兩個地方，第一個是頁面底部，因?yàn)榇蟛糠质謾C(jī)的按鍵都是在這個位置，容易擋住H5按鈕；第二個是頁面左側(cè)，據(jù)統(tǒng)計(jì)放置在左側(cè)的按鈕點(diǎn)擊率是最低的，因?yàn)榇蟛糠秩硕际怯移沧樱獧M跨整個5寸手機(jī)去點(diǎn)擊按鈕實(shí)在是太大工程。
第二坑：遲遲不進(jìn)入主題
H5不是拍電視劇，冗長的鋪墊會讓人犯困。在H5頁面里，層級越深流失率就越大，用戶隨著頁面層級的加深而不斷流失，真正能看到最后頁面的用戶連50%都不到。在移動互聯(lián)的極速節(jié)奏下，用戶基本上是沒什么耐性可言的，為了不讓用戶放棄瀏覽，最好還是放棄繞圈，盡快進(jìn)入主題，別失去讓用戶接觸核心信息的機(jī)會。
第三坑：濫用模板導(dǎo)致風(fēng)格紊亂
我們在做H5時習(xí)慣性地先看模板，利用模板作為創(chuàng)作的基底。有的人看到花花綠綠的模板就HOLD不住了，不斷地疊加著模板，以為把最漂亮的東西都塞進(jìn)自己作品里就完事了。
但事實(shí)上H5不是堆砌，而是講究搭配，一般來說，選定了一套模板就從一而終地把這套模板的風(fēng)格沿用到底。當(dāng)然，你可以把另一套模板的元素替換進(jìn)來，但前提是與整體風(fēng)格相匹配，以下來自易企秀和凡科微傳單的一些搭配案例供予大家參考。
中國風(fēng)風(fēng)格搭配
卡通風(fēng)格搭配
小清新風(fēng)格搭配
寫實(shí)照片風(fēng)格搭配
第四坑：圖片模糊文字錯漏
有的人認(rèn)為手機(jī)的屏幕有限，用戶停留在頁面的時間也是十分的短促，即使圖片不清晰也不會礙事，偶然幾個文字遺漏或者語句不通也沒有多少人看得出。其實(shí)這樣是對用戶的不尊重，說句不好聽的，就是把用戶當(dāng)傻瓜。
不管你的用戶是大大咧咧的不拘小節(jié)或者是完美主義的處女星人，至少你要端正好自己的態(tài)度，不要讓這些粗心的地方拉低你作品的檔次，嚴(yán)謹(jǐn)細(xì)致永遠(yuǎn)是硬道理，你不重視自己的作品又怎能要求別人認(rèn)真對待呢？
第五坑：交互技術(shù)賓喧奪主
高端的交互技術(shù)是H5的利器，但過分強(qiáng)調(diào)交互技術(shù)的話就本末倒置了，重技術(shù)輕內(nèi)涵的是三流H5作品。H5不是用來炫技，而是用來傳播個人或品牌信息的。
曾經(jīng)有一個品牌用了很牛逼的技術(shù)打造了一個十分酷炫的H5，以致于搶去了品牌信息的風(fēng)光，大家看完之后紛紛討論這個技術(shù)是怎么實(shí)現(xiàn)的，而完全忽略了真正需要傳達(dá)至用戶心中的品牌內(nèi)涵。雖說這也掀起了話題炒起了熱度，但這確實(shí)是你想要的最理想效果么？
第六坑：作品臃腫得LOAD不動
據(jù)統(tǒng)計(jì)H5加載超過 5 秒就會有 74% 的用戶離開頁面，H5頁面包含較多元素，所以要給你的H5減減負(fù)，打造輕量級的作品。
例如，需要用矢量圖做動畫的，轉(zhuǎn)成SVG格式；插入圖片前先用“tinypng.com”壓縮下，能有效減少體積；音樂的壓縮，可以考慮弄成單聲道音頻文件，比特率48或以下就行了。
第七坑：輸入行為慎用
如果你想借H5來收集用戶信息，這恐怕是有點(diǎn)不現(xiàn)實(shí)的。用戶對輸入行為很是排斥，所以還是能免則免吧，不要為了無關(guān)緊要的信息而流失了用戶，除非你有足夠的把握能讓用戶填寫，否則都是白搭。
第八坑：忽略按鈕的設(shè)置
你說按鈕不就是一個形狀兩個字，用得著花心思么？如果你真的這么想，忽略了按鈕的設(shè)置，那么你也等著你的按鈕被用戶華麗無視吧。怎樣的按鈕讓用戶眼前一亮并且提高轉(zhuǎn)化率？
在文字上，可多用些緊迫感的詞匯營造出一種不馬上行動就錯失良機(jī)的氛圍，或者選擇一些人情味或賤兮兮的語調(diào)，讓用戶在操作時能感受到樂趣。在形狀上，增加一些動畫明顯的元素也更容易引起用戶注意并點(diǎn)擊。
