那個所謂的 H5 怎麼就變成了你朋友圈的日常？ | 市場發明家｜智能

「來，做個 H5 吧。」如果你工作和廣告、營銷有那麼點關係，過去一兩年八成沒少聽這種說法。

在微信朋友圈廣告植入、各路商家的促銷優惠，甚至是公司的宣傳文案中，這種動畫效果豐富，適合指尖在手機屏幕上操作的網頁，連技術人員不怎麼愛聽的簡稱「H5」一起火了。

但是在此之前，你應該記得那個具有病毒傳播效應的 H5 「神經貓」。這個在 2014 年上線 H5 小遊戲從畫面到操作方式都很簡陋：一隻長相奇異的人形貓向屏幕邊緣移動，玩家用手指點亮屏幕上的圓點封堵道路。根據封堵情況，貓也會調整自己下一步的路線。

抓住了神經貓，玩家便能轉發到朋友圈炫耀自己的成績。在上線 2 天後，這個簡單的小遊戲就吸引了 1000 多萬次點擊。

那年情人節，內衣品牌維多利亞的秘密也曾傳播過一個 H5 營銷頁面。交互方法在當時看來很新鮮，就是在手機屏幕上呈現了霧化效果畫面，人們可以用手指擦去屏幕上「霧水」看清內衣模特的照片。就憑這簡單交互，這個 H5 在 12 小時里，在微信里獲得了 11 萬次轉發。

為維多利亞的秘密設計 H5 網頁的就是雲來公司，當時，他們的 H5 生意才剛剛起步。雲來聯合創始人邵琦告訴《好奇心日報（www.qdaily.com）》，在隨後的一年時間內，他們還給特斯拉、海爾、創維等多家大公司做過類似的 H5 營銷頁面。

不過真正讓 H5 被更多用戶接觸的，還是今年春節期間支付寶和微信里的搶紅包大戰。僅除夕當晚，人們收發微信的紅包的總量就達到了 10.1 億。

今天，H5 現在已經成了企業的常用微信營銷方式。連微信自己植入的廣告業開始用 H5 頁面了——今年年初朋友圈剛推出廣告業務的時候，展示的還只是九宮格的照片而已。

HTML5 不等於我們平時說的 H5，但它們也有關係

很多人會把 HTML5 和 H5 混為一談，前者實際上是一種網頁製作標準，不過當我們日常在談「H5」的時候，更多的是在說適合手指在屏幕上滑動操作的網頁，它當中有不少用到了一些 HTML5 增加的新功能。

在 2007 年的第一代 iPhone 推出之後，觸屏屏幕，以及其帶來的點按滑動等交互方式逐漸成為了智能手機交互的主流。

回想一下 PC 以及智能手機還都配有鍵盤的時代，我們在網頁端的交互還是主要靠「點擊」完成，瀏覽體驗十分糟糕。而在 2008 年開始推出的、支持觸屏網頁的設計標準 HTML 5 剛好趕上了移動互聯網這個起點，能夠提供相對接近 iPhone 應用的滑動體驗。

雖然我們在朋友圈看到的很多 H5 作品可能簡單到只是帶聲音的幻燈片，但它們確實用到了一些 HTML5 的標籤，比如內嵌聲音播放或者隨著手指在屏幕上的滑動而逐漸變化的頁面。

在 HTML5 之前，實現類似的效果需要用到 Flash。但這種對硬體性能要求較高的技術一直沒能在手機上火起來，特別是 2010 年喬布斯宣布永遠不會在 iPhone 上用它以後。

現在，就連原先的 Flash 大戶視頻網站，都在手機上支持 HTML 5 標準。

為什麼 H5 只在火了？

不只是 Facebook、Twitter 見不到今天常見的 H5 廣告。確切的說，H5 只在微信火，連微博上都很少能見到。

全球主流的社交網路，大多同時為電腦和手機而準備。不論是的 QQ 空間、微博，還是海外的Facebook、Twitter 都是如此。所以網頁開發者還需要兼顧產品在桌面端。

試想一下如果你在電腦上打開一個網頁，會希望頁面上顯示這點信息，然後拖一下滑鼠翻一頁么？

通過滑鼠點擊的精確操控也和手指滑動的操作有很大的區別。此外屏幕比例、瀏覽距離等因素，也決定了桌面版的設計會和手機上完全不同。

就連自動發出聲音，在電腦上都被認為是一種不友好的設計。

相比之下，微信從一開始就是只為手機而生的社交網路，推出幾年後才能在電腦上面用到它，而且你在電腦上既看不到之前收到的消息，也看不到朋友圈。

為微信製作網頁，設計師只需要考慮怎麼為手機屏幕進行頁面設計，而不需要考慮桌面端打開的效果。

這和在 PC 上做一個網頁有很大的不同。在桌面端，你一般需要做一個完整的網站、不斷更新，希望別人收藏，搜索引擎也能給予更加靠前的排名。而在微信朋友圈里，傳播再也不需要通過搜索引擎，而是其他微信好友的推薦，所以做的網頁足夠細緻、足夠小、讓人印象深刻，反而對傳播更有利。

於是我們熟悉的 H5 就這麼來了。

這也是為何企業都喜歡用 H5 來做宣傳。他們只需要找到一個足夠吸引人的點做個 H5 小遊戲，就可以達到企業宣傳的效果。在騰訊的「吳亦凡即將入伍」這種模擬手機來電設計火了以後，類似的作品也在朋友圈當中快速傳播起來。

火了之後，製作 H5 變簡單了

這是我們花了 25 分鐘做出來的 H5，也是很多廣告會用到的形式，根本不需要什麼編程技巧。只需要做 PPT 那樣貼上圖片和文字就可以了。

而在 H5 製作這個產業鏈裡面的公司也越來越多：雲來、易企秀、秀米、Maka、意派……這些創業公司都想讓 H5 頁面製作更簡單，更傻瓜化一些。

這些 H5 製作工具原理都大同小異：不需要設計基礎，不需要看代碼，甚至還不需要裝軟體，在網頁裡面拖拽圖片和文字就好了。儘管做出來的效果不一定那麼漂亮，但至少極大降低了 H5 製作的成本，也讓我們的朋友圈裡面那些奇怪的企業 H5 宣傳頁面多了起來。今年，廣州的東華寺也開始用雲來做了 H5 招聘僧侶，結果收到了 4000 份在線簡歷。

除了企業用戶之外，甚至還有普通用戶開始用這些工具做 H5。易企秀創始人黃金告訴《好奇心日報（www.qdaily.com）》，原本開發手機版製作工具，只是為了讓企業用戶能方便的管理 H5 里收到的用戶表單。結果發現，許多人在夜裡和周末都在使用它。

「年輕用戶會出於玩的目的使用它。這給朋友看挺炫酷。」黃金說。儘管他們主要做的還是針對的是中小企業的營銷服務，不過多一點用戶宣傳品牌總是好的。

雲來的邵琦在採訪中也表示，「普通用戶的大量使用（雲來的免費功能），反過來也讓企業意識到它（H5）的潛力。」這是一個因果循環的過程，但對於普通人而言，結果就是朋友圈裡的 H5 越來越多了。

據黃金介紹，易企秀自其去年 10 月上線網頁版以來，至今累計用戶數已達千萬級別，每天都會有 10 萬作品誕生。而在今年春天，易企秀上產生的作品也只有 1-2 萬。

隨著製作工具的傳播，幾乎什麼內容都被做成 H5 了。新聞稿、邀請函、心靈雞湯、營銷活動，甚至世紀佳緣今天發的財報，為了傳播，也都做成了上滑翻頁 H5 頁面。

看上去，H5 不會停在

H5 現在雖然只在微信上流行，但它的未來可能不只是。

今年 4 月，Facebook 也將旗下的即時聊天的軟體 Messenger 也正在向微信看齊，應用內除了聊天功能之外，也有開讓企業入駐的開放介面。而在此之前，聊天軟體 Line 和 Kik 也開始給商家提供入駐的介面。

如果這些海外社交軟體形態上越來越像微信，或許 H5 也一樣會在海外市場上瘋狂的傳播。有一些創業者瞄準了海外機會，易企秀就在今年 10 月推出了針對 Facebook 的海外版 H5 製作平台，目前用戶數已佔到了總用戶數的 5%。

H5 流行的背後，其實是是越來越封閉互聯網。H5 本來是一種依賴高度封閉的社交網路傳播的內容。社交網路可以幫助更多的內容快速的傳播，越大越封閉的社交網路，效果越好——如果不封閉，信息大量出現在微博之類在電腦上瀏覽的社交網路，H5 的體驗便無法保證。

此外，H5 製作者也把對內容的控制權轉交給了社交網路本身。微信現在已經對 H5 的內容進行監控，對於朋友圈傳播量大但又沒有向微信支付廣告費的頁面直接封殺。

互聯網發展這麼些年，到最後話語權又重新集中在少數幾個社交網路手中。

喜歡這篇文章？去 App 商店搜 好奇心日報 ，每天看點不一樣的。