注：臨近歲末年初，你的朋友圈又被各大APP的盤點(diǎn)類H5 刷屏了吧？作為一個(gè)運(yùn)營人，年末經(jīng)常也會(huì)收到老板們的需求，“小張啊，我看那個(gè)網(wǎng)易的H5 挺不錯(cuò)，做一個(gè)吧”，這種時(shí)候，我們?cè)趺慈胧帜�？別著急，聽大雄給你慢慢道來。

盤點(diǎn)類H5 常見的類型

制作年終盤點(diǎn)的H5，常見的類型主要分為 4 種，分別是是公司數(shù)據(jù)盤點(diǎn)H5，用戶數(shù)據(jù)盤點(diǎn)H5，內(nèi)容型盤點(diǎn)H5，時(shí)間軸型H5。

01 公司數(shù)據(jù)類盤點(diǎn)H5

公司角度的年終盤點(diǎn)類H5，常見于一些新業(yè)務(wù)或者大公司，通常起到宣傳公司或產(chǎn)品品牌的作用，突顯出公司的核心實(shí)力，從而引發(fā)用戶的集體榮譽(yù)感，最終刷爆朋友圈。

據(jù)大雄觀察，尤其是一些互聯(lián)網(wǎng)金融公司，喜歡從這個(gè)角度去進(jìn)行年終盤點(diǎn)。比如之前小贏理財(cái)，就出過一個(gè)類似的盤點(diǎn)H5，突顯了小贏理財(cái)（公司）在 2017 年取得的驕人戰(zhàn)績。

前兩天支付寶官方微信推出了一個(gè)動(dòng)態(tài)長圖，雖然不是純H5 的形式，但這種動(dòng)態(tài)GIF橫幅長圖的特點(diǎn)和H5 也很相似。

這個(gè)長圖主要講的就是支付寶 2017 年的年度賬單，采用模仿清明上河圖的風(fēng)格來展現(xiàn)，介紹了包括螞蟻森林、收錢碼、信用免押等產(chǎn)品取得的成績以及對(duì)人們生活的改變。不論是從創(chuàng)新性，還是從趣味性上來說，都是一個(gè)非常經(jīng)典的公司角度的年終數(shù)據(jù)盤點(diǎn)案例。

.

02 用戶數(shù)據(jù)類盤點(diǎn)H5

除了公司角度之外，還有一個(gè)更常見的年終盤點(diǎn)H5 角度，那就是用戶數(shù)據(jù)角度年終盤點(diǎn)H5。類似于你用網(wǎng)易云音樂聽了多少歌，用支付寶剁了多少次手等。

用戶角度的年終盤點(diǎn)H5，一般適合用戶生活中比較常見的產(chǎn)品推出，主要是對(duì)用戶這一年使用產(chǎn)品各項(xiàng)行為的數(shù)據(jù)總結(jié)，并挖掘其中的一些亮點(diǎn)，從而起到標(biāo)榜用戶特征，引發(fā)用戶共鳴的作用，最終刷爆朋友圈。

這種類型的H5 非常常見，比如近幾天先后推出的知乎年度盤點(diǎn)、網(wǎng)易云音樂年度盤點(diǎn)H5、新榜微信公眾號(hào)年度盤點(diǎn)、支付寶年度盤點(diǎn)等，都是從用戶數(shù)據(jù)角度制作的H5。

03 內(nèi)容型盤點(diǎn)H5

每一年，我們都能看到類似 2017 年十大最流行XX類總結(jié)的H5 或文章，比如 2017 年十大最流行網(wǎng)絡(luò)詞匯， 2017 年十大熱門事件， 2017 年十大感動(dòng)人物等，都是內(nèi)容層面的年終盤點(diǎn)。

這種H5 一般通常出自新聞媒體制作，用于總結(jié)當(dāng)年發(fā)生了一些主要事件，從而調(diào)動(dòng)大家的懷舊情懷，一定程度上滿足了大家的“收集癖”，最終引發(fā)用戶的傳播。

前不久UC頭條推出的 2017 頭條年終策劃就是這類型的H5，從保溫杯、戰(zhàn)狼 2 到佛系青年等，盤點(diǎn)了 2017 年引發(fā)大家關(guān)注的主要事件。還有網(wǎng)易推出的 2017 娛樂圈畫傳，一點(diǎn)資訊推出的 2017 時(shí)光之旅等，也是屬于典型的內(nèi)容型盤點(diǎn)H5。

04 時(shí)間軸型H5

時(shí)間軸型H5 主要是通過一年內(nèi)大事記或者時(shí)間軸的形式，去介紹某個(gè)公司或某個(gè)產(chǎn)品的成長歷程，從而提升產(chǎn)品品牌，引發(fā)用戶關(guān)注。

近兩年這種類型不太常見了，我覺得大概這種形式的H5 太容易被人看穿，有種打開第一頁就猜到后面是什么的感覺，缺乏打動(dòng)用戶的驚喜。同時(shí)這種H5，過于偏重公司內(nèi)容，缺少用戶價(jià)值，從而難以引發(fā)用戶共鳴。

以前京東在 2015 年制作過一款類似的H5，主題為京東十大任性，盤點(diǎn)了京東 2015 年取得的傲人成績。

制作刷屏級(jí)H5 的訣竅

刷屏的H5 各有各的特點(diǎn)，或是炫酷的，或是交互有趣的，或是設(shè)計(jì)精美，但是，他們肯定有一些共性的特征。

01 注重標(biāo)題文案

一個(gè)H5 能否獲得刷屏，可能從用戶看到他的第一眼就決定了。我們首先需要注意H5 的標(biāo)題和封面配圖，如果這部分內(nèi)容不吸引人，可能用戶都不會(huì)點(diǎn)擊，更談不上轉(zhuǎn)發(fā)了。起標(biāo)題的方法，大家聽過很多，大家可以綜合考慮下。

大雄想強(qiáng)調(diào)的一點(diǎn)就是，H5 的標(biāo)題文案，一定要跟普通文章的有所區(qū)別，讓人覺得這個(gè)鏈接可能就是個(gè)有趣的H5 而不是一篇文章，從而最大化的調(diào)動(dòng)大家點(diǎn)擊H5 的欲望。

02 注重體驗(yàn)感

H5 的操作體驗(yàn)同意重要。

首先，注意H5 的交互體驗(yàn)，如果是比較獨(dú)特的體驗(yàn)，一定要提前告知引導(dǎo)用戶，比如橫圖類H5，提前引導(dǎo)用戶橫放手機(jī)，比如互動(dòng)類H5，引導(dǎo)用戶是點(diǎn)擊還是上滑下滑。

第二個(gè)，注意體驗(yàn)細(xì)節(jié)，好的產(chǎn)品一定是細(xì)節(jié)打動(dòng)人，H5 也一樣。我曾經(jīng)見過很多炫酷又有趣的H5，但是我發(fā)現(xiàn)一點(diǎn)擊進(jìn)去就是超級(jí)熱鬧的背景音樂，這讓在辦公室的我異常尷尬，直接成為全辦公室的焦點(diǎn)。常見的應(yīng)該是比較低的音量或者默認(rèn)關(guān)閉聲音，然后小字提示用戶，如果打開音樂，觀看效果更佳哦，從而給用戶一個(gè)找耳機(jī)的時(shí)間。

03 注重設(shè)計(jì)感

刷屏級(jí)的H5，不一定各個(gè)設(shè)計(jì)精美，但是他們都有一定的設(shè)計(jì)感，或者說讓人喜歡的設(shè)計(jì)風(fēng)格。

比如有的 2017 網(wǎng)易云音樂盤點(diǎn)H5 的文藝簡潔的設(shè)計(jì)風(fēng)格，比如 2017 支付寶盤點(diǎn)H5 模仿清明上河圖的仿古風(fēng)格等，每一個(gè)H5 都有各自的風(fēng)格，這些風(fēng)格要么符合平臺(tái)主流用戶調(diào)性，要么讓用戶眼前一亮。充滿設(shè)計(jì)美感的東西，大家總是會(huì)格外喜歡。

04 注重傳播性

一個(gè)好的H5，一定需要注重傳播性。傳播性主要體現(xiàn)在以下 2 個(gè)方面，第一，傳播細(xì)節(jié)的考慮，比如方便用戶截屏分享，而截屏的每一頁正好內(nèi)容完整。第二，H5 的內(nèi)容具有傳播性，比如同樣是數(shù)據(jù)盤點(diǎn)，我覺得網(wǎng)易云音樂更走心，因?yàn)樗�結(jié)合用戶聽歌的場景，或清晨，或傍晚，或者說哪一首歌在哪天聽的時(shí)間最長，更容易引發(fā)用戶共鳴。

05 注重用戶價(jià)值

制作H5，就像寫文章一樣，切忌自嗨。我們一定要想想這個(gè)H5 能給用戶提供什么價(jià)值，他轉(zhuǎn)發(fā)的理由是什么。

比如我觀察到，網(wǎng)易云音樂H5 的刷屏，是因?yàn)橥癸@了用戶的人格形象，很多人轉(zhuǎn)發(fā)自己的網(wǎng)易云音樂H5，就是為了凸顯自己的音樂審美，標(biāo)榜自己很不一樣。

而支付寶H5 刷屏，更多的是體現(xiàn)用戶社會(huì)地位，利用人們的攀比性，給了人們一個(gè)“炫富”的機(jī)會(huì)，并且文章末尾還有一個(gè) 2018 年展望的關(guān)鍵詞，表達(dá)了新一年的祝福，對(duì)于不能炫富的朋友，也提供了分享的價(jià)值。

如何制作盤點(diǎn)類H5

如何做一個(gè)刷爆朋友圈的H5 呢？說實(shí)話，這挺難的一件事情，刷爆朋友圈需要天時(shí)地利人和。但是結(jié)合我以往制作H5 的經(jīng)驗(yàn)，制作盤點(diǎn)類的H5，建議大家可以從以下思路著手：

1. 確定類型

首先我們確定我們做的這支H5 從什么角度切入，確定是從公司角度還是用戶角度切入，因?yàn)檫@會(huì)直接決定我們后續(xù)策劃H5 的時(shí)候選取哪方面的數(shù)據(jù)。

2. 數(shù)據(jù)挖掘

這一步是只做盤點(diǎn)類H5 至關(guān)重要的步驟，我們需要列出哪些類型的數(shù)據(jù)展示給的用戶，并且標(biāo)出重點(diǎn)數(shù)據(jù)和亮點(diǎn)數(shù)據(jù)是哪些。我認(rèn)為數(shù)據(jù)挖掘這塊，最重要的是數(shù)據(jù)一定要與用戶場景相結(jié)合，讓數(shù)字更加打動(dòng)人，而不是冰冷的數(shù)字羅列，這樣的數(shù)據(jù)盤點(diǎn)， 2016 年的H5 和 2017 年的H5 有什么區(qū)別呢？

比如支付寶 2017 年度盤點(diǎn)H5，包含以下數(shù)據(jù)維度，網(wǎng)購消費(fèi)數(shù)據(jù)與網(wǎng)購消費(fèi)商品種類數(shù)據(jù)，外賣數(shù)據(jù)，生活繳費(fèi)數(shù)據(jù)，出行次數(shù)與出行交通工具數(shù)據(jù)，線下支付次數(shù)與線下支付商店種類數(shù)據(jù)，獎(jiǎng)勵(lì)金數(shù)據(jù)，信用守約數(shù)據(jù)，行走捐數(shù)據(jù)，螞蟻森林?jǐn)?shù)據(jù)，總消費(fèi)數(shù)據(jù)， 2018 關(guān)鍵詞。我們能看到這些數(shù)據(jù)與用戶的日常生活息息相關(guān)，涵蓋衣食住行各方面，非常容易引起用戶共鳴。

3. 數(shù)據(jù)包裝

當(dāng)我們選取了數(shù)據(jù)維度之后，接下來就是要包裝這些數(shù)據(jù)了，讓這些數(shù)字活起來。主要是通過文案和頁面關(guān)鍵元素來修飾這些數(shù)據(jù)，讓數(shù)據(jù)更打動(dòng)人。

比如描述出現(xiàn)數(shù)據(jù)，支付寶的H5 頁面上有火車、飛機(jī)，出租車等元素，文案是“每次出行，都是為了更好的回來。愿新的一年你能有更多時(shí)間陪伴家人”。整個(gè)畫面和文案的組合，會(huì)讓人覺得很溫暖。

4. 設(shè)計(jì)開發(fā)

當(dāng)完成以上所有準(zhǔn)備工作之后，年度盤點(diǎn)H5 就需要進(jìn)入開發(fā)階段了。這個(gè)階段，要確定H5 的交互方式，設(shè)計(jì)風(fēng)格，背景音樂等，然后協(xié)調(diào)公司內(nèi)部各部門完成開發(fā)。比如協(xié)調(diào)開發(fā)部門實(shí)現(xiàn)H5 效果，協(xié)調(diào)設(shè)計(jì)部門完成H5 頁面設(shè)計(jì)。

5. 傳播監(jiān)控

經(jīng)過了反復(fù)修改后，H5 終于設(shè)計(jì)出來了，這回我們是不是可以松口氣了？其實(shí)并沒有，最關(guān)鍵的一步到來了，我們要將飽含我們心血的H5 傳播出去。首先列出我們已有的傳播渠道，然后有節(jié)奏的完成H5 投放，并且監(jiān)控H5 的傳播數(shù)據(jù)，最終將資源投向那些性價(jià)比最高的渠道。

最后，說了這么多，相信大家對(duì)于年終盤點(diǎn)H5 的運(yùn)營套路也有一些了解。

關(guān)于作者：

大雄，微信公眾號(hào)：大雄說（daxiongshuo100），現(xiàn)阿里巴巴運(yùn)營經(jīng)理，前魔漫相機(jī)新媒體負(fù)責(zé)人，前百度產(chǎn)品運(yùn)營師。