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

盤(pán)點(diǎn)類(lèi)H5 常見(jiàn)的類(lèi)型

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

01 公司數(shù)據(jù)類(lèi)盤(pán)點(diǎn)H5

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

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

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

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

.

02 用戶(hù)數(shù)據(jù)類(lèi)盤(pán)點(diǎn)H5

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

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

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

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

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

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

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

04 時(shí)間軸型H5

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

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

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

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

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

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

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

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

02 注重體驗(yàn)感

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

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

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

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

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

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

04 注重傳播性

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

05 注重用戶(hù)價(jià)值

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

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

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

如何制作盤(pán)點(diǎn)類(lèi)H5

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

1. 確定類(lèi)型

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

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

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

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

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

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

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

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

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

5. 傳播監(jiān)控

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

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

關(guān)于作者：

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