假如你面前有一份傳統(tǒng)媒體的紙質(zhì)版報紙，看到密密麻麻的字，掃兩眼已不想繼續(xù)看下去了；這時你面前還有一個掌上手機端的報紙頁面，里面的內(nèi)容還會跟你作一定程度的交互，我相信你會對這個感興趣很多。
首先得搞清一個概念：傳統(tǒng)媒體和新媒體指什么？就狹義而言：傳統(tǒng)傳媒指報紙、雜志、廣播、報刊、電視等；而新媒體指媒體網(wǎng)站、客戶端、H5等。 我們活在一個快節(jié)奏的消費經(jīng)濟社會，紙質(zhì)報紙的閱讀成本越來越高，傳統(tǒng)媒體的紙質(zhì)報紙是離我們越來越遠，線上化的新聞閱讀形式更合我們胃口，這就意味著紙質(zhì)報紙能給媒體帶來的用戶效益越來越少，媒體對H5的需求應運而生。一、為什么這么多媒體都在做H5？
針對不同媒體應用H5的目的，主要劃分為：為了設置專題欄目、展示新聞內(nèi)頁、增加利于傳播互動元素、發(fā)布招聘信息。
1.1.設置專題欄目利用H5設置一個長期更新的專題欄目，讓用戶產(chǎn)生相應的閱讀習慣及粘性。澎湃新聞就很好地捉住了長期欄目這一點，定期在iH5平臺上制作并發(fā)布“五阿哥”新聞：
取得的閱讀瀏覽量同比其他媒體H5要好：有十二個欄目作品閱讀瀏覽量破萬，剩余的都在五千左右；其中閱讀瀏覽量最高的作品是《五阿哥丨腸道菌決定你的心情》，閱讀瀏覽量高達4.2W。
1.2.新聞內(nèi)頁展示常見的新聞內(nèi)頁展示通常是以針對某個熱點新聞或新聞的報道。就如澎湃日報推出的《年終回顧，習大大的2015》H5，針對15年年終主席做年終報告的熱點新聞，把其2015的行程、政策頒布、兩岸關系處理、未來發(fā)展規(guī)劃等內(nèi)容以視頻嵌入式的新聞內(nèi)頁展示出來。
有趣的是，各路品牌的營銷高手也看中了模擬新聞內(nèi)頁的H5形式，就連國民王爸爸的萬達集團也來iH5摻一腿給萬達的年會熱點作了一個特刊H5：
其實他們在這H5發(fā)布前，早已印刷并發(fā)行了一份紙質(zhì)版的報紙。但從達到的效果來看，模擬內(nèi)頁做出來的效果確實比紙質(zhì)版報紙要新鮮得多，畢竟是可以掌握用戶的視覺和聽覺。
此類用于品牌營銷的模擬新聞內(nèi)頁H5還有祝福紅城在iH5制作的《紅城日報獨家頭條》，主要應用了時間軸軌跡功能以及翻頁效果。
1.3.互動傳播對傳統(tǒng)傳媒報導的內(nèi)容作拓展：無論是提高目標用戶印象，還是要對報導內(nèi)容作升華，H5都能很好地完成使命。
看看新聞針對兩會上重點討論的國家環(huán)保問題，在iH5上發(fā)布《換個姿勢看兩會》H5，該H5的起始頁面運用畫布功能，實現(xiàn)擦拭效果做出限時的小游戲，還給用戶頒發(fā)環(huán)保稱號，勾出用戶對環(huán)保問題的重視，其后對新聞的每個重要發(fā)言人視頻整合到單獨的按鈕上，整體新聞重心明確的同時，能給用戶帶來互動，利于媒體內(nèi)容的傳播。
1.4.發(fā)布招聘信息利用H5發(fā)布招聘信息，對比以往運用傳統(tǒng)媒體發(fā)布招聘信息成本（制作成本、宣傳成本）要低得多，而且效率比其高得很！
網(wǎng)易新聞用iH5制作了一個招聘用的H5《網(wǎng)易新聞招兵買馬》。細看該作品的編輯舞臺，總共只有七個頁面，整體實現(xiàn)簡單輕松。在后臺統(tǒng)計的數(shù)據(jù)可以看到，該H5的閱讀瀏覽量早已破萬，其中比例最大的傳播途徑為朋友圈轉(zhuǎn)發(fā)，比例高達70%，這也是H5的一大特色——便于用戶傳播。
據(jù)小編了解，目前媒體行業(yè)主要有三種類型的媒體在廣泛應用H5進行配合宣傳推廣：傳統(tǒng)媒體、網(wǎng)絡媒體、媒體客戶端。
二、哪些傳統(tǒng)媒體在做H5？傳統(tǒng)媒體大致包括：報紙、雜志、電視
2.1.報紙對H5的應用：就以典范的浙江日報和新京報為例，從浙江日報在iH5平臺上的賬號主頁來看，作品的主要定位是數(shù)據(jù)報告以及為客戶端引流。本來很枯燥的數(shù)據(jù)報告在H5中展示出來似乎達到了很不錯的效果。
在其賬號上發(fā)布的《夏寶龍的2016》H5，醒目的排版、內(nèi)容由下至上出現(xiàn)的動效、清晰明了的交互提示等可視化的細節(jié)都大大的增加了其閱讀性。
新京報的十二周年特別策劃，除了報紙、客戶端等專題報導，還有在iH5平臺發(fā)布的《不忘初心》H5。該作品最大的亮點是時間軸以及頁面嵌入視頻/音頻，把每個贈寄語的嘉賓排列成輪狀。
通過時間軸軌跡功能，實現(xiàn)360°圍繞圓心旋轉(zhuǎn)效果，并設有相應的按鈕點擊進入相應嘉賓的寄語頁面。這種文縐縐的寄語內(nèi)容如果放在報紙或者客戶端上，恐怕閱讀流失率會處在一個相對高的水平?？僧斢镁哂薪换スδ艿腍5來展示寄語內(nèi)容，便輕松地斬獲8K的閱讀量，效果顯著！
2.2.雜志對H5的應用：在iH5作品欄目下有一個關于青馬工程的微雜志H5，主要是采訪參加青馬工程的學生干部的總結。在對優(yōu)秀學生干部的采訪頁面里插入采訪音頻，通過事件的觸發(fā)來控制音頻的播放和暫停。
2.3. 電視對H5的應用：這里所提及的電視指傳統(tǒng)的電視節(jié)目，著名的晚間新聞就在iH5平臺發(fā)布《創(chuàng)觀察》特別策劃作品，這個作品可謂是悉心制作，為了得到線條的指定性動向效果，單單剛開始的流程時間軸，每一個小部分都設置了10個左右的觸發(fā)事件：
三、哪些網(wǎng)絡媒體在做H5？
網(wǎng)絡媒體大致分為：新聞網(wǎng)站、視頻網(wǎng)站
3.1. 新聞網(wǎng)站對H5的應用在iH5里用戶反響較高的作品就是搜狐財經(jīng)出品的《2016中國經(jīng)濟會是啥形狀？》，作品色調(diào)主要采用了暗紅色，在用戶打開作品時，頁面的各塊狀素材會按時間差進入頁面。
在尾頁的客戶端引流上還耍了點小心機，讓用戶繪畫出自己心目中的中國經(jīng)濟形狀。這么做的價值在于刺激用戶分享以及把用戶導流至客戶端。
搜狐財經(jīng)還出品了《兩會民生賬本》，作品除了參照上述案例的邏輯和排版，主要還應用了頁面的翻頁效果，增加用戶在掀賬本時的用戶體驗。
同樣是新聞網(wǎng)站應用H5的作品還有：浙江新聞在iH5平臺上發(fā)布的《全國兩會大數(shù)據(jù)》
利用時間軸制作方塊放大收縮效果，引導用戶點擊按鈕查看拼車、養(yǎng)老、營改增、文化扶貧等民生問題，頁面整體排版美觀，色彩統(tǒng)一，尾頁還附有上下內(nèi)容銜接自然的跳轉(zhuǎn)鏈接，間接性給客戶端導流。
3.2. 視頻網(wǎng)站對H5的應用下面這個場景大家可能有點熟悉，這就是前一期文章說過的“模擬手機場景+局部視頻”的手機情景呀！
愛奇藝也是個套路boy，在《機智地觀看跑男3是種怎樣的體驗》H5中，以app store的下載場景作為過渡（值得一提的是，這個過渡的場景愛奇藝也是下個功夫——用面板功能作垂直長圖滑動，在人物介紹的地方也是如此），最后用嵌入局部視頻的形式模擬手機APP播放界面。
芒果TV果然是腦洞奇大的湖南衛(wèi)視旗下的唯一官方視頻平臺，其制作的《追星日記》H5腦洞也這么大，各路明星霸氣側漏！此H5除了看明星的顏值，創(chuàng)意、排版、動效也是恰到好處的，頁面內(nèi)容雜而不亂，華而不虛。
四、連新聞資訊APP也在做H5？
新聞資訊APP大致分為：官媒客戶端、非官媒客戶端、新聞聚合類應用
4.1.官媒客戶端對H5的應用每日新聞是一個比較青睞H5的官方媒體，創(chuàng)作的H5類型小至新三板總評榜，大至歐洲杯觀戰(zhàn)寶典、15年GDP數(shù)據(jù)報告。
每日新聞在歐洲杯期間發(fā)布的歐洲杯觀戰(zhàn)寶典，在功能層面上主要運用了面板和滑動時間軸功能。小編覺得是在歐洲杯期間發(fā)布的眾多關于賽程的H5里最具傳播力的。
4.2.非官媒客戶端對H5的應用網(wǎng)易新聞作為一個非官方媒體，除了上文提到的用H5作招聘信息的發(fā)布，還制作發(fā)布《誰將代表網(wǎng)易出征巴黎聯(lián)合國氣候大會》H5，攜手聯(lián)合國、發(fā)改委氣候變化司、國家環(huán)保部組建強大態(tài)度評審團，聯(lián)合網(wǎng)友共同選拔網(wǎng)易"態(tài)度青年"出征巴黎聯(lián)合國氣候大會。
4.3.新聞聚合類應用對H5的應用VIVA暢讀是一個偏新聞聚合類應用的APP，其制作的H5主要以數(shù)據(jù)報告為主，以下面兩個案例《睡眠問題，你多少有點》《全國出軌大調(diào)查》為例：
兩個案例都是運用時間軸+動效功能來實現(xiàn)數(shù)據(jù)的移動效果，案例得到的內(nèi)容展示效果顯著，數(shù)據(jù)的展示有效且有趣，避免過于枯燥。
找茬類小游戲，主要是利用了計數(shù)器功能進行游戲倒計時，以及透明按鈕和事件的交互邏輯，通過用戶點擊兩個圖的不同點時觸發(fā)透明按鈕下提示圓圈的顯示事件。
如上所見，HTML5技術正在不斷地影響著媒體行業(yè)，而越來越多的媒體也逐步青睞于H5的創(chuàng)作，甚至可以說H5已經(jīng)滲透到媒體行業(yè)的方方面面，就如現(xiàn)在已在iH5平臺里活躍的媒體行業(yè)用戶：國務院客戶端、中國新聞網(wǎng)、澎湃新聞、搜狐財經(jīng)、新京報、浙江新聞等，都創(chuàng)作發(fā)布了不少優(yōu)秀的H5案例。相信會有更多H5的應用形式被媒體行業(yè)的從業(yè)者發(fā)掘,勢必能給媒體行業(yè)帶來更大的創(chuàng)新空間，讓我們共同期待吧！
