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

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

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

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

4、禮物的感覺，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達(dá)到品牌宣傳的目的。既然是禮物，那創(chuàng)意和制作便是重要的加分項。,3.問答/評分/測試 問答形式的H5頁面也屢見不鮮了，利用用戶的求知欲和探索欲，一路選選選，看最后到底是什么成績。一條清晰的線索是必要的，最后到達(dá)的結(jié)果頁也需要合理不突兀，如果能輔以出彩的視覺和文案，弱化答題的枯燥感那就再好不過了。,4.游戲 從 “圍住神經(jīng)貓” 等品牌植入式小游戲，H5游戲因為操作簡單、競技性強，一度風(fēng)靡朋友圈，但創(chuàng)意缺乏和同質(zhì)化現(xiàn)象導(dǎo)致用戶對無腦小游戲逐漸產(chǎn)生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設(shè)計上

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