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

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

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

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

4、推出了各種H5形式禮品、賀卡、邀請函，經(jīng)過提升用戶好感度來潛移默化地到達(dá)品牌宣傳目標(biāo)。既然是禮品，那創(chuàng)意和制作便是主要加分項(xiàng)。第16頁3.問答/評分/測試問答形式H5頁面也屢見不鮮了，利用用戶求知欲和探索欲，一路選選選，看最終到底是什么成績。一條清楚線索是必要，最終抵達(dá)結(jié)果頁也需要合理不突兀，假如能輔以出彩視覺和文案，弱化答題枯燥感那就再好不過了。第17頁4.游戲從 “圍住神經(jīng)貓” 等品牌植入式小游戲，H5游戲因?yàn)椴僮骱唵?、競技性?qiáng)，一度風(fēng)靡朋友圈，但創(chuàng)意缺乏和同質(zhì)化現(xiàn)象造成用戶對無腦小游戲逐步產(chǎn)生了厭倦。品牌要在游戲上做到成功傳輸，需要在玩法和設(shè)計上多下點(diǎn)功夫。第18頁三為設(shè)計加分4個關(guān)鍵點(diǎn)

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