年終盤點季！看各大品牌如何用H5做出漂亮的數據報告？
每到年底，各家陸續進入盤點季，不僅是對過去一年的回顧，更是一種拉近與用戶距離的方式。小編總結數據類H5無非有兩種，用戶型和產品型。前者因為個性化及共鳴性能快速引發傳播，后者因為涵蓋有趣的知識也能快速刷屏。快到年底又在發愁數據報告型H5怎么做，希望下面的案例能幫到你。
數據報告類 x 創意H5 x 互動營銷
01 中國青年報：這半年“中國經濟之車”開的怎么樣？
小編有話說：經濟報道其實與老百姓關系很大，什么房價物價、就業消費等信息我們都要通過系列報道去了解，但呆板沉悶的經濟數據很少人喜歡看，更別說分享了。中國青年報出品的這則H5，把中國經濟半年的發展比喻成在公路上行駛的汽車，在路上先后設置四個關卡：居民消費CPI、新增就業、民間投資和消費增長，每個關卡先拋出問題，給予用戶思考時間，然后再“一探究竟”，“專家怎么說”。一問一答的形式，配上清新自然的版面設計，讓用戶閱讀枯燥的經濟報道也不乏味。
02 歐萊雅男士：懶人大數據
小編有話說：為了宣傳自家產品，歐萊雅也是夠拼的，居然拿出了大數據撐腰（數據的準確度大家看看也行了，認真你就輸了）。這個H5主要分為兩部分：仿微信圖文、引導購買頁。前者套用微信圖文的形式，模仿兒時單機游戲的像素畫風，很有懷舊感，用一系列數據支持，得出男人就是比女人懶的結論。過度場景用“明星代言人視頻+微信消息彈出”，說實話有點生硬，感覺純粹是炫技需要，而且現在微信內置瀏覽器對于視頻暫不支持，播放條什么的直接顯示還是很不美觀。
03 騰訊互娛：移動頁面用戶行為報告
小編有話說：這個知識型的H5很可能是你老板發給你的，“看看，多研究些數據，對你做爆款有幫助”。話雖然夸張了點，但有理走遍天下，騰訊作為H5最大的展示平臺，發布這組數據對行業內人士還是挺干貨的。加載頁、高峰期、流失率，每一個我們關注的H5數據都用黑白風格加小動畫表現出來，黃色標注則為重點信息。設計和交互不是重點，滿滿的干貨才是這則H5流傳甚廣的原因。
04 知乎：我的知乎五周年
小編有話說：數據型H5最能引起用戶共鳴的就是展現用戶的行為，還記得年初微信公開課的那則H5嗎，用大數據展現你在微信中的每一次行為，這個H5用的就是類似套路。輸入用戶名和密碼，點擊Enter，就能回顧自己在知乎上的每一次動態，自己都不記得的，機器全幫你記住了，看的時候有種挺神奇的感覺，“當初我為什么要關注這個話題呢？”用命令行輸出的方式自動展現，十足的高科技畫風，不過為什么我看的時候，總有一種盜取用戶信息的感覺呢，科科。
05 Nice：看，報告，黃的
小編有話說：這則H5的名字看著就污污的，一下子就激起了打開的欲望。設計風格上采用Nice的品牌色黃色，很亮眼，也符合目標受眾年輕群體彰顯個性的審美。長頁面展示，手指滑屏下翻，體驗上很流暢，每一屏都有逗趣的圖標動畫吸引眼球，很像GIF，但是技術上是用CSS3動畫實現的，素材更小，整體看下來完全就是讀報的感覺，還有動圖配合，特別有趣。以后小程序正式版發布后，是不是好多紙媒報刊都要選用這種形式發布新聞了？還挺期待的。
06 個推：大數據告訴你睡不夠的程序猿
小編有話說：這個H5的內容定位就很有趣“睡不夠的程序猿”，分別從入睡時間、起床時間、睡眠時長和各地程序猿睡眠排行榜展示程序員人群的睡眠現狀。光是看內容，就覺得很有趣：“單身的程序猿比戀愛的程序猿多睡12分鐘”、“寧夏程序猿的睡眠時長最短”、“青海程序猿的睡眠時長最長”、“海南程序猿工作最拼”...很好奇這些數據是怎么采集來的？這個H5用Maka制作，全程手指滑動翻頁，但效果上加入了線性動畫，表現力上比一般的滑動H5生動很多。
07 騰訊OMG：OMG星系之旅
小編有話說：這個H5將騰訊系的8大App構建成“OMG星系”，帶領用戶完成一次探險之旅，最后引導下載相關App，中間過程平鋪直敘并有數據輔助說明，不會有很強烈的硬廣感覺。深藍色的設計風格，營造出科幻之感，騰訊吉祥物小Q作為導游，一一介紹八大星球（對應8個App），每一個星球都有對應LOGO展示，點擊下方“收集數據”按鈕，可以看到每個App的男女使用比例和全國各省使用排行。“科幻的視覺效果+旅程故事”這種套路現在還是很火，不妨一試。
08 淘寶：淘寶數據報告里沒告訴你的事兒
小編有話說：每年淘寶都會出一份類似的“漲姿勢”報告，內容全是由大數據分析得出，真的不是為了吸引眼球哦。這個H5是今年年初淘寶制作的，右上角有目錄菜單可以跳到指定頁，整體看下來真的感嘆淘寶物品種類之全，受眾之廣。內容選取上，很精準的GET到大家的好奇心，如“把淘寶當百科了解年輕人”“投胎投的好，做鬼都比做人好”，看到標題就很想看！技術上，用了白鷺引擎加速，體驗很流暢。
09 大眾點評：中國燒烤大數據報告
小編有話說：說到數據展現，大眾點評可是這領域的專家，手中掌握全國人民的吃喝玩樂信息，只要切入點好，還怕沒人轉？說起吃，天朝人民稱老二，沒人敢稱老大吧。這個H5以燒烤大數據為主題，用豐富的表格、折線圖和文字展現中國燒烤市場的各種數據，包括快速增長的受眾市場、市場爆發時間、燒烤市場的體量等。顏色上以深藍為主配合草綠點綴，給人以很專業很權威的感覺。這個H5是走行業報告路線的，受眾是行業人員，所以不要說文案太死板了哦。
10 網易新聞：數據告訴你，你是如何一步步輸掉人生的
小編有話說：單就新聞門戶來看，網易新聞算是國內做的最好的，新聞更新及時，有趣的跟帖，點贊和踩等互動，讓看新聞很日程化的事情變得很娛樂。這個H5收集了城市和鄉鎮兩組大數據，從出生、教育、老年等幾個方面向我們展示了兩個區域人們生活水平的差異。在H5的左下角，還保留了網易新聞可以跟帖、點贊、猛踩等功能。視覺上，選用了磚紅和暖黃搭配，色調比較暗沉，給人以比較嚴肅的感覺，圖形化的表現避免了數據報告類H5閱讀枯燥的問題。
作者公眾號：拇指部落Game (ID：muzhibuluo)
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）