H5,互聯(lián)網(wǎng)營銷必須了解的新方式

1、萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。2014年10月29日，萬維網(wǎng)聯(lián)盟宣布，經(jīng)過接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。什么是HTML?幾個(gè)營銷人應(yīng)該關(guān)注的H5特性No.1 繪圖功能（Canvas、SVG）你可以選擇不同型號(hào)的毛筆、筆觸半徑以及墨水的顏色，整個(gè)繪圖過程非常順暢，而且還有一個(gè)模擬手握毛筆的人性化設(shè)計(jì)。No.2 三維效果（CSS3 3D）H5的華麗效果離不開一種叫CSS的技術(shù)，形象的說，如果把HTML5比作漫畫的素描稿，CSS就是上色用的，相當(dāng)于word界面上方的格式工具欄，如果沒有CSS我們看到的H5網(wǎng)頁就只能以“素顏”見

2、人了。No.3 離線存儲(chǔ)（HTML5 Web Storage）H5的另一個(gè)重要特性就是離線存儲(chǔ)，它能將用戶的資源文件保存在本地，這樣在頁面加載的時(shí)候網(wǎng)頁能使用本地資源，從而實(shí)現(xiàn)離線狀態(tài)下訪問網(wǎng)頁應(yīng)用。H5能怎么玩？一、功能與設(shè)計(jì)目標(biāo)1.活動(dòng)運(yùn)營型最常見的類型，包括游戲、邀請(qǐng)函、賀卡、測試題等形式。與以往簡單的靜態(tài)廣告圖片傳播不同，如今的H5活動(dòng)運(yùn)營頁需要有更強(qiáng)的互動(dòng)、更高質(zhì)量、更具話題性。從進(jìn)入微信H5頁面到最后落地到品牌App內(nèi)部，如何設(shè)計(jì)一套合適的引流路線也頗為重要。2.品牌宣傳型不同于講究時(shí)效性的活動(dòng)運(yùn)營頁，品牌宣傳型H5頁面等同于一個(gè)品牌的微官網(wǎng)，更傾向于品牌形象塑造，向用戶傳達(dá)品牌的

3、精神態(tài)度。在設(shè)計(jì)上需要運(yùn)用符合品牌氣質(zhì)的視覺語言，讓用戶對(duì)品牌留下深刻印象。3.產(chǎn)品介紹型聚焦于產(chǎn)品功能介紹，運(yùn)用H5的互動(dòng)技術(shù)優(yōu)勢(shì)盡情展示產(chǎn)品特性，吸引用戶買買買。4.總結(jié)報(bào)告型自從支付寶的十年賬單引發(fā)熱議后，各大企業(yè)的年終總結(jié)現(xiàn)也熱衷于用H5技術(shù)實(shí)現(xiàn)，優(yōu)秀的互動(dòng)體驗(yàn)令原本乏味的總結(jié)報(bào)告有趣生動(dòng)了起來。二形式為功能服務(wù)1.簡單圖文簡單圖文是早期最典型的H5專題頁形式?！皥D”的形式千變?nèi)f化，可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作，起到類似幻燈片的傳播效果?？简?yàn)的是高質(zhì)量的內(nèi)容本身和講故事的能力。2.禮物/賀卡/邀請(qǐng)函每個(gè)人都喜歡收到禮物的感覺，抓住這一心理，品牌推出了各種H5形式

4、的禮物、賀卡、邀請(qǐng)函，通過提升用戶好感度來潛移默化地達(dá)到品牌宣傳的目的。既然是禮物，那創(chuàng)意和制作便是重要的加分項(xiàng)。3.問答/評(píng)分/測試問答形式的H5頁面也屢見不鮮了，利用用戶的求知欲和探索欲，一路選選選，看最后到底是什么成績。一條清晰的線索是必要的，最后到達(dá)的結(jié)果頁也需要合理不突兀，如果能輔以出彩的視覺和文案，弱化答題的枯燥感那就再好不過了。4.游戲從 “圍住神經(jīng)貓” 等品牌植入式小游戲，H5游戲因?yàn)椴僮骱唵巍⒏偧夹詮?qiáng)，一度風(fēng)靡朋友圈，但創(chuàng)意缺乏和同質(zhì)化現(xiàn)象導(dǎo)致用戶對(duì)無腦小游戲逐漸產(chǎn)生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設(shè)計(jì)上多下點(diǎn)功夫。三為設(shè)計(jì)加分的4個(gè)要點(diǎn)1.細(xì)節(jié)與統(tǒng)一要成就高

5、品質(zhì)的用戶體驗(yàn)，必須考慮到細(xì)節(jié)與整體的統(tǒng)一性。復(fù)古擬物的視覺風(fēng)格，那字體就不能過于現(xiàn)代；幽默調(diào)侃的調(diào)調(diào)，那文案措辭就不能過于嚴(yán)肅；打情感內(nèi)容牌的，動(dòng)效就不能過于花哨。尤其關(guān)注“分享提示”這個(gè)細(xì)節(jié)設(shè)計(jì)，比起一個(gè)簡單的箭頭和一句冷冰冰的“點(diǎn)這里分享”，用心的細(xì)節(jié)設(shè)計(jì)帶來的高品質(zhì)和好感度是顯而易見的。2.緊跟熱點(diǎn)，利用話題效應(yīng)想要你的H5專題頁一夜爆紅，第一時(shí)間抓住熱點(diǎn)并火速上線，借機(jī)進(jìn)行品牌宣傳也不失為一條捷徑。3.講個(gè)好故事，引發(fā)情感共鳴不論H5的形式如何多變，有價(jià)值的內(nèi)容始終是第一位的。在有限的篇幅里，學(xué)會(huì)講故事，引發(fā)用戶的情感共鳴，將對(duì)內(nèi)容的傳播形成極大的推動(dòng)。4.合理運(yùn)用技術(shù)，打造流暢的互動(dòng)體驗(yàn)隨著技術(shù)的發(fā)展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實(shí)現(xiàn)繪圖、擦除、搖一搖