DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> 如何做一個有溫度的H5?
如何做一個有溫度的H5?
編輯:HTML5教程     

   移動互聯網的時代,H5已經不僅僅只是一個展示工具。

  H5+游戲=互動

  H5+圖片=移動海報

  H5+動畫+音樂=微電影

如何做一個有溫度的H5?

  從早期的單屏滾動,到後期的立體交互,H5+時代已經來了,幾乎所有的創意表現,都可以通過H5來展現。隨著H5模版開發的快速更迭,人人都可以制作優質的H5,如何才能脫穎而出,一鳴驚人?

  2014年的某一天,一款名為《測測你的帳號價值》的H5風靡了整個朋友圈。在那段時間裡,原本低調的好友紛紛開始炫富:“我的QQ居然價值18棟海邊別墅”“我的QQ價值3800個王思聰同款電腦桌”……

  2015年的春節,在紅包漫天飛的朋友圈裡,又殺出一款《任性派發年終獎》的H5,好友們在大曬自己上百萬的“年終獎”同時,還很豪氣的給老板也發一份,博個新年好彩頭。

  這兩款浏覽量和參與量均破千萬的H5都由電腦管家出品,旨在表現蘊藏了關系和情懷的QQ帳號價值的重要性,從而提升帳號寶這款產品的品牌效應。娛樂性的H5,總是昙花一現,熱鬧過了就消失不見,至多作為“經典案例”給後來人參考。

  很少有H5會像《帳號價值》一樣,前後跨度近半年,參與人數達到1400萬,總PV數更是達到4000萬之多,即便是半年後的今天,每天的參與人數依然數以萬計。不用獎品誘導分享,僅僅只是虛擬貨幣帶來的虛擬價值,就足以活躍整個朋友圈。

  一、參與

  微信是一個與眾不同的關系平台,它和QQ一樣,把朋友、同事、親人、愛人,構成了關系穩定的朋友圈,有可以同步展現所有與我相關的動態,因此,在這裡所分享的東西,大多也是與我有關的,或者有我參與其中,又或者讓我覺得有趣。

  於是,H5的互動性就成了用戶參與的重要因素。場景化的H5能讓人們有代入感。例如在《帳號價值》的H5中,就能讓人們很好的置身其中,為自己找到一種角色定位。H5的技術不斷在發展,如今的HTML5能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。

  但並不是只要有交互效果就能引發參與。擦一擦或許能誘發受眾動手,但並不能進一步引發用戶的興趣。交互只是一種表現形式,真正吸引人的是與人們相關的場景化體驗。

  二、情懷

  隨著互聯網的發展,每個人都有了自己的判斷力,怎樣的內容謂之好,怎樣的內容值得分享,每個人的心裡都有自己的評判標准,而情懷正是這標准之一。講個好故事,容易引發受眾的情感共鳴。這個故事,就是H5的靈魂,如何講好一個故事?這就要求我們賦予H5情懷。

  情懷這個互聯網熱詞已經被提及太多次了。但是,依然不能丟棄。在一個H5中如果只有品牌輸出或者只有交互,那麼這個H5定然是缺乏靈魂的。一個好的H5能在情感上引發共鳴,揣摩之後,人們能夠延伸到生活中。

  《任性派發年終獎》H5很恰當的在年終獎大熱的時期,率先引發一種自我意識覺醒的潮流。受眾可以主動給別人派發年終獎,這讓人們不由得進行自我價值的肯定,且又不失趣味性。所以說讓受眾感覺有情懷的最好辦法,是站在受眾的角度去思考。

  三、背景

  互聯網時代,受追捧和被冷落有時候是無厘頭的,比如《我的滑板鞋》、比如“張全蛋”、再比如“duang”。但沒有任何一個受追捧的內容是無背景的,質樸平實造就了滑板鞋,成就了張全蛋,而成龍本人就duang的一下成了背景。

  H5也是一樣。2014年,一款《家和萬事興》的H5在朋友圈掀起了一波行動的浪潮,也開啟了指紋互動的先河,親情,就是它的背景。

  大眾點評出品的《你我之間只有一個字》,緊張高壓的社會環境和人與人之間的距離,就是它的背景。同樣,騰訊電腦管家《帳號價值》的H5,也同樣有它的背景——大數據。基於QQ的大數據,基於安全的大數據,在產品經理的打磨下,成就了一款生動的H5。這一切,並非偶然。

  四、溫度

  溫度這個詞似乎有些虛化,但它卻可以剛好反映出一個H5制作者的態度。溫度可能熾烈,也可能清冷,但不可能一成不變。一個成功的H5,必定是會隨著時間,隨著熱點,甚至隨著情緒變化不停在變。

  沒有一個H5是能永存,每個產品、每個H5都有它的生命周期,但是我們可以盡可能的延長一個H5的壽命。《帳號價值》和《任性派發年終獎》不是跟風的H5,也不是在H5風靡之時大眾化的H5。這樣的H5能更好的傳遞品牌價值,引發品牌聯想。一個有溫度的H5才能歷久彌新。

  互動性讓人們有參與欲望,情懷讓人們有感同身受,最終因為溫度,讓人們樂於分享給身邊的朋友。由名表豪車,到星際旅行,再到大家都關注的年終獎,《帳號價值》H5所幻化而成的價值不停在變,隨著熱點在變,隨著時間在變,讓參與其中的人每次分享都會獲得不同的關注。互聯網+時代下的H5,在收獲浏覽量和口碑的同時還能收獲溫度,這可能是下一個進擊的方向吧。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved