一個水果的比喻，讓你認識H5 的優勢

知識 07-14

想知道H5好在哪裡，最好的辦法是做對比。用H5 營銷設計和傳統營銷設計作對比，在公平上有失客觀，但卻能讓你非常直觀地看出差距。為了更容易理解，我就在本節給你打個有關水果的比喻。

假如說中國移動互聯網是一個巨大的水果批發市場，而每一種水果代表一種設計類型，那麼UI設計、平面設計、H5設計、傳統廣告設計都是不同水果類型，企業和用戶作為購買水果的買家，他們選擇水果的標準又會是什麼樣子呢？

在分析和歸納下，我們發現人們選擇水果的標準大體上可以分為這4個要素：

水果是否有營養價值

傳統營銷設計的呈現主要集中在紙媒體和視頻媒體，偶爾會給你放個彩蛋，做個線下體驗互動，但那些都是個案。在平面呈現上基本比較單一，全是靜態畫面，再好看，無非就是一張紙。設計的動畫視頻再精彩，還是與用戶有距離感，想互動是件太難的事情。

而H5的設計展現形勢是綜合的，交互概念的貫穿，使得我們能夠把很多形式串聯在一起！可以試想一下，這是一個能把電影、美術、設計、文學、音樂通過交互穿插在一起的新媒體。

互動形式也較為豐富，各種觸控滑動點擊、搖一搖、重力感應、環境感應等，都會和設計形成互補關係，給用戶帶來新體驗。而且H5可以跳轉到各種你想要引導的外鏈接，不管是官方網站還是產品APP，所有的信息也可以同步修改。不單單表現形式已經從單一的視覺轉化到了更廣闊的領域，而且在內容靈活度上也達到了前所未有的可操控性，這些事情在傳統設計中很難辦到。從用戶體驗的維度上來說，H5設計營養價值更高。

水果是否新鮮，好吃

因為智能手機的普及，HTML5等一系列新標準得以確立，才出現了類似H5這種網站形式。傳統設計的展現方式依賴的是紙張和視頻媒體，而H5依賴的是最新的標記語言規範、移動互聯網和智能設備，這就意味著H5是一個非常新鮮，具備極大發展潛力的內容。

H5網站，尤其是營銷類H5 從2014 年初開始發力，從最初的「未來的汽車特斯拉」的初露鋒芒，

一個水果的比喻，讓你認識H5 的優勢

再到「圍住神經貓」和「尋找房祖名」的全新暢快體驗，以至於之後的「我們之間只有一個字」和「這個電話你敢接嗎」等一連串全新互動體驗的出現，漸漸開始引爆移動互聯網。

雖然這個非常新穎的領域還處於初期發展階段，還伴隨著盲目跟風和行業亂斗，但不少優秀作品真的開始出現了， H5也再不是靠顏值叫賣的水果，它是首個大範圍可以融入視覺、聽覺、交互的社會化傳播內容載體，它把傳統依靠視覺傳播的內容，直接擴展到了體驗的全新層面，評價一個H5的好壞再也不是畫面的好壞，而是體驗的優劣。在這個維度上來說，H5是更好吃的水果，它能給用戶更好的感受。

NO.3：這是一支帶有里程碑意義的H5網站，在時間維度上它雖然不是第一個出現的營銷類H5，但它卻是行業公認的第一支相關作品，上線於2014年年初。如今看來，這個作品的外貌非常普通，頁面設計也不夠好看，可是在當時卻給人帶來了極為新鮮的感受，因為大家都沒有見過這種帶交互的手機營銷類網站。也因此，H5隨後在營銷領域得到了長足發展，以至於繁盛。

水果的成熟周期

傳統廣告營銷要經歷：Big idea的制定、策劃的跟進、無數次的討論、設計和文案的反覆修改，一套大的推廣往往成型周期會持續數個月，要極力追求完美無瑕和高端大氣。在加上跑各種印廠、跑各種媒體投放、找各種渠道商博弈、砍價、爭搶廣告位……這個時間又要數周！從構思到成型是一個漫長的過程，而且廣告人還特別恐懼錯誤，因為丟出去的東西不易修改。

相比，H5就靈活多了，雖然從創意到構思到設計操作再到實現階段依然有和傳統營銷類似的流程，但完全避開了複雜的媒體枷鎖，一方面H5 能夠藉助伺服器的數據來對內容的

一個水果的比喻，讓你認識H5 的優勢

方向和打法做出分析和計劃；另一方面，我們不再需要長久的製作等待，投放也變為了上線，點一下的功夫就能把內容推到受眾面前，設計文件存儲在伺服器也可隨時修改調整，能夠和用戶閱讀內容同步，修改靈活自如，大大地提升了創作效率。也只有在H5這個領域，我們做到了即時同步，而移動互聯網初期的原生APP 時代，依然需要下載更新的煩瑣修改方法。可以說周期是H5 相比傳統營銷的一大優勢。

一個水果的比喻，讓你認識H5 的優勢

但不足之處也較為明顯，雖然推送快速，但是多數H5隻能在上線的2～4天內達到高活躍度，之後便會因為入口問題，難以提高訪問量。這和微信朋友圈多數圖文推送命運類似，只有極少數成功案例能做到持續火爆。壽命短，也是相對於周期短帶來的連鎖反應，而適當的媒介投入和日新月異的推廣方式，能補足這個劣勢，像是2016年的H5作品「我的精神角落」、「阿惠」就在系列續集的形式上彌補了內容傳播周期的不足。

在製作周期上，H5有著短、頻、快的特點，成熟的團隊從接到項目到項目上線僅僅需要2周左右的時間。而隨著產業發展，在2016年里約奧運會期間，墨跡天氣的H5 作品「天氣改變命運」這套作品做到了17天18支H5的極快迭代，每天根據賽事熱點及時就能生成相應作品，這真的是傳統營銷連想都不敢想的事情（案例見圖5）。

水果是否物美價廉

就人力成本和資源投入來說，H5 和傳統營銷的差別實際不小：

創意策劃——設計執行——技術實現——上線

創意策劃——設計執行——物料製作——出街

這是一個大體流程概述，特別是媒介投放，H5有著傳統廣告沒有的優勢，H5能夠自傳播，你做好的內容直接分享出去，就可以造成傳播，如果作品夠出彩，我們甚至可以不做任何投放，就達到很好的傳播效果。即使是花經費去投放，從精準度、受眾人群、傳播範圍上來說，也遠遠小於傳統營銷的投入。利用門戶網站、自媒體平台、朋友圈廣告和具體的相應媒介很快就能把內容散播出去。

而傳統廣告營銷就不同了，做好的內容，只有通過媒介才能傳播開來，要藉助電視台、公共廣告牌、地鐵平面媒體等，這些媒介除了花費較為昂貴，同時受眾人群也比較固定，不像是H5在推廣上有非常大的潛力，理論上來說，所有用手機上網的人都可能會看到你的網站。而且大量H5設計工具和應用模板也拉低了行業的製作門檻。綜合來說，H5的製作費用要遠低於傳統廣告營銷。

但針對於 H5整個推廣渠道來說，基礎設施的不完善和人才的缺乏依然存在，面對巨大的優勢，挑戰也同樣巨大。

小提示：
由於H5太具備傳播優勢，也隨之造成了大量居心不良的開發者和媒介商的跟風混入，他們利用新技術和新市場不規範的空檔，刷出了大量虛假流量，製作出了很多沒有的效果。因此，從道理上來講，H5 網站在推廣上具備壓倒性優勢，但在市場利益的追逐中，我們很難看到它真正正常發力。相比傳統廣告營銷，它還缺乏良好的監督體系。

一個水果的比喻，讓你認識H5 的優勢

在對比中，我們發現H5神果具備優質水果的所有優點，不光是互聯網行業和廣告營銷行業，很多傳統行業也開始迷信H5的功效，所以才造成了一經推出就受到市場瘋搶的情況。但如果當所有參與者不夠理性時，一個很好的上市水果也會被人做爛、做得不再好吃、做得沒有營養。而在2015-2016這兩年間，這樣的買賣在互聯網這個水果大市場頻繁上演著，大量的開發者盲目跟風和盲目效仿，最終讓很多用戶感到疲憊。

H5雖然是神果，但當你大量使用農藥、催化劑、肥料盲目增加產量時，也同時在降低它的固有價值，而藉助水果的比喻，你應該更清楚 H5網站的優勢了。

最後，為了讓讀者能夠更直觀地看懂H5廣告和傳統廣告的區別，小呆特別設計了一組扁平插畫，通過下方閱讀延伸可以觀看 ,也作為本節內容的一個總結。

一個水果的比喻，讓你認識H5 的優勢