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

H5的操作體驗是很重要，千萬別讓你的用戶操作得不爽！舉個栗子，功能按鈕不宜出現(xiàn)在兩個地方，第一個是頁面底部，因為大部分手機的按鍵都是在這個位置，容易擋住H5按鈕；第二個是頁面左側，據統(tǒng)計放置在左側的按鈕點擊率是最低的，因為大部分人都是右撇子，要橫跨整個5寸手機去點擊按鈕實在是太大工程。

第二坑：遲遲不進入主題

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

第三坑：濫用模板導致風格紊亂

我們在做H5時習慣性地先看模板，利用模板作為創(chuàng)作的基底。有的人看到花花綠綠的模板就HOLD不住了，不斷地疊加著模板，以為把最漂亮的東西都塞進自己作品里就完事了。

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

中國風風格搭配

卡通風格搭配

小清新風格搭配

寫實照片風格搭配

第四坑：圖片模糊文字錯漏

有的人認為手機的屏幕有限，用戶停留在頁面的時間也是十分的短促，即使圖片不清晰也不會礙事，偶然幾個文字遺漏或者語句不通也沒有多少人看得出。其實這樣是對用戶的不尊重，說句不好聽的，就是把用戶當傻瓜。

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

第五坑：交互技術賓喧奪主

高端的交互技術是H5的利器，但過分強調交互技術的話就本末倒置了，重技術輕內涵的是三流H5作品。H5不是用來炫技，而是用來傳播個人或品牌信息的。

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

第六坑：作品臃腫得LOAD不動

據統(tǒng)計H5加載超過 5 秒就會有 74% 的用戶離開頁面，H5頁面包含較多元素，所以要給你的H5減減負，打造輕量級的作品。

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

第七坑：輸入行為慎用

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

第八坑：忽略按鈕的設置

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

在文字上，可多用些緊迫感的詞匯營造出一種不馬上行動就錯失良機的氛圍，或者選擇一些人情味或賤兮兮的語調，讓用戶在操作時能感受到樂趣。在形狀上，增加一些動畫明顯的元素也更容易引起用戶注意并點擊。