本書是由網(wǎng)易噠噠團隊出品的一本如何打造爆款H5的教程書。全書共分為7章,通過對H5多角度的分析,以“創(chuàng)意+內(nèi)容”為切入點,深度剖析行業(yè)是如何制作爆款H5作品的。全書圍繞網(wǎng)易團隊制作的1000萬PV+實戰(zhàn)案例展開,對用戶和營銷者喜愛的H5進行細節(jié)特征分析,講述制作爆款H5的實操方法,通過對文案選題、交互視覺設計的梳理,最后來復盤H5作品獲得現(xiàn)象級流量背后的原因。全書理論與實際緊密結(jié)合,不論是小白還是資深從業(yè)人員,都能從中獲得啟發(fā)。
網(wǎng)易噠噠,網(wǎng)易新聞旗下孵化出的年輕原創(chuàng)團隊,專注生產(chǎn)有趣、好玩內(nèi)容的策劃。內(nèi)容產(chǎn)出包括刷屏級H5,有趣的創(chuàng)意漫畫等。在過去3年里,網(wǎng)易噠噠創(chuàng)作多個H5刷屏成為千萬PV的爆款,比如2017年六一回憶殺策劃《滑向童年》;2018年關(guān)注年輕人睡眠狀態(tài)的《睡姿大比拼》,動物保護主題的《她掙扎48小時后死去,無人知曉》、致敬哲學的《我的哲學氣質(zhì)》、可以在線立Flag的《2019我的新年Flag》;2019年軟萌有趣的《制作你的飼養(yǎng)手冊》;2020年溫暖治愈的《人生必做的100件事》等等。
第一章
這些年承包朋友圈的H5
1.1 H5的初級階段:PPT類翻頁H5?/?002
1.2 H5的中級階段:欣賞型H5?/?004
1.3 H5的高級階段:強交互H5?/?007
1.4 H5的刷屏階段:沉浸體驗式H5?/?009
1.5 內(nèi)容為王階段:H5+?/?015
第二章
用戶和營銷人喜愛的H5類型
2.1 H5是移動互聯(lián)網(wǎng)廣告的黃金搭檔?/?022
2.1.1?H5的傳播優(yōu)勢?/?022
2.1.2?小程序 VS H5?/?023
2.1.3?H5還能火多久?/?028
2.1.4?H5的未來?/?029
2.2 測試類?/?032
2.2.1?熱點型測試?/?032
2.2.2?非熱點型測試?/?035
2.3 場景類?/?037
2.4 個性化?/?040
2.4.1?輸入名字?/?040
2.4.2?上傳照片?/?043
2.4.3?DIY?/?045
2.5 交互視頻類?/?047
第三章
制作爆款H5的方法
3.1 天生的爆款選題?/?050
3.1.1?覆蓋人群量級?/?050
3.1.2?理解圈層傳播?/?054
3.1.3?找到有趣的切入點?/?056
3.1.4?讓你的內(nèi)容“有用”?/?058
3.1.5?找準認同感?/?061
3.2 激發(fā)創(chuàng)意的4種方法?/?062
3.2.1?廣泛的素材積累?/?062
3.2.2?否定之否定,保留最優(yōu)項?/?067
3.2.3?快速迭代,低成本試錯?/?069
3.2.4?兩條創(chuàng)意思路激活你的大腦?/?071
3.3 心流理論營造沉浸式體驗?/?080
3.3.1?心流理論是什么?/?080
3.3.2?心流體驗帶來沉浸式體驗?/?081
3.3.3?如何將心流理論融入H5中?/?083
3.4 激發(fā)創(chuàng)意的頭腦風暴常玩的游戲?/?086
第四章
H5如何用文案“搞事情”
4.1 看了就想點開的標題?/?090
4.1.1?違背常識?/?090
4.1.2?借勢?/?091
4.1.3?制造懸念?/?094
4.1.4?新奇陌生化?/?095
4.1.5?列數(shù)字吸引眼球?/?097
4.1.6?疑問句式引發(fā)好奇心?/?098
4.2 寫出引起共鳴的走心文案?/?100
4.2.1?確定選題?/?100
4.2.2?創(chuàng)造共鳴?/?101
4.2.3?簡單易懂?/?105
4.2.4?有自己的價值觀?/?109
4.3 什么樣的內(nèi)容能打動用戶?/?112
4.3.1?社交貨幣:能給用戶提供談資、能給用戶提供炫耀資本?/?112
4.3.2?調(diào)動情緒?/?117
4.3.3?超出預期?/?119
第五章
爆款是可以預測的
5.1 選題與情感評價?/?122
5.1.1?選題是否最大限度覆蓋目標受眾群體?/?122
5.1.2?內(nèi)容是否有明確的傳播點?/?124
5.2 手勢交互評價?/?127
5.2.1?H5中常用的交互手勢?/?127
5.2.2?手勢交互是否與內(nèi)容策劃相匹配?/?143
5.2.3?手勢交互是否簡單清晰?/?144
5.2.4?玩法是否新奇有趣?/?145
5.3 視覺評價?/?151
5.3.1?視覺設計是否符合大眾審美?/?151
5.3.2?視覺設計是否與內(nèi)容高度匹配?/?152
5.3.3?視覺設計是否有品牌辨識度?/?155
第六章
從零開始學做一支H5
6.1 H5的制作與分工?/?158
6.1.1?工具制作?/?158
6.1.2?代碼制作?/?177
6.2 制作一支H5的步驟拆解?/?178
第七章
網(wǎng)易噠噠的爆款案例復盤
7.1 《睡姿大比拼》?/?184
7.2 《她掙扎48小時后死去,無人知曉》?/?189
7.3 《測測你的哲學氣質(zhì)測試》?/?195
7.4 《2019,我的新年Flag》?/?201
7.5 《滑向童年》&《解鎖你的歡樂頌人設》?/?205
7.6 《制作你的飼養(yǎng)手冊》?/?211