?
? 2020年如果有名字，那一定叫做警醒。新型冠狀病毒肺炎造成的影響十分駭人，無疑敲響了人們心中對野生動物敬畏的警鐘。在這場災難面前，我們慶幸有白衣天使，慶幸有前仆后繼的志愿者，慶幸有火神山雷神山醫院的建設者，還慶幸有互聯網傳播的影響力。
?
??對于疫情動態的了解，絕大多數人都是通過移動互聯網進行實時關注。病例分布、增長數量、防護措施、科普辟謠都能通過H5傳達到人們眼前，在第一時間提高了人們的衛生防護意識。在這個特殊時期，人們廣泛關注的H5有哪些呢？快來看看你是否錯過了重要信息！
?
-
騰訊新聞-實時動態頁面
?
掃碼體驗
主要分為四個板塊：疫情地圖、最新進展、辟謠信息、醫療預防。數據十分全面，疫情走勢圖一目了然。支持跳轉騰訊新聞，可以關注到疫情最新新聞動態。設有“加入戰疫接龍”功能，點擊即可通過騰訊公益捐款，還能生成“拒絕野味承諾書”進行分享。
?
-
丁香醫生-實時動態頁面
?
掃碼體驗
丁香醫生的這支H5是傳播度最高的疫情實時動態頁面，目前瀏覽量已到達17億。同時也是最早覆蓋到大眾的疫情科普頁面。雖然它的內容不如騰訊新聞的全面，但是丁香醫生支持所在城市疫情訂閱，更方便人性化。
?
-
騰訊新聞-較真查證平臺
?
掃碼體驗
伴隨著疫情動態的還有鋪天蓋地的謠言，人們的恐懼心理也成了惡意造謠、傳謠的溫床。對于虛假信息我們一定要做到堅決抵制，就從辨別真假開始。騰訊新聞的較真查證H5就是斬斷謠言的利器，支持關鍵字搜索和較真提問，為了自己和家人一定要收藏起來。
?
-
新型肺炎確診患者同行記錄
?
掃碼體驗
收集了已確診的患者的出行記錄的大數據平臺，可以直接通過時間車次查詢，十分智能。
?
-
騰訊新聞-致敬抗肺炎逆行者
?
掃碼體驗
一支傳播正能量的H5，收錄了抗肺炎過程中醫護工作者的動態新聞，為他們點贊加油！
?
? 在這場戰疫中，全國人民都在戰斗，從不信謠不傳謠到戴好口罩愛人愛己，小小的舉動都是能擊退病毒的力量。
]]>
?
? H5游戲可以說H5眾多類型中，最受企業和用戶喜愛的類型了，它以趣味性強、玩法形式多樣化的優點吸引著許多用戶的注意力。H5游戲營銷就是利用H5游戲自身的引流性，通過在游戲中嵌入自身的品牌信息來宣傳自身的品牌。現在許多的企業和商家都會借助H5游戲來營銷，那么，怎樣讓自己的H5營銷活動在眾多的活動中脫穎而出呢？企業要怎么樣才能實現精準的H5營銷呢？
?
一、創意內容
? 提供充滿創意的活動內容，有創意的H5游戲內容是吸引目標用戶的法寶。而要實現精準營銷，H5游戲不管是在設計上、主題內容、活動形式、活動獎勵上要有給用戶驚喜，而且內容上要有針對性，比如在春節的時候推出活動，活動選題有多個角度，春運路途、家人團圓飯、長輩送禮、走親訪友等等。H5游戲的內容設計可以融入情感，可以通過不同的角度吸引用戶，結合用戶“喜聞樂見”的話題，這樣比較容易吸引用戶參與。
?
?
二、精準目標
? 精準目標用戶群體，企業在推廣前要精準目標用戶，而不是盲目的推廣，有目標的營銷推廣是活動的推動力，而精確目標用戶群體，是開展H5游戲營銷開始的第一步，這也是很重要的一步。企業可以根據用戶的需求，興趣愛好，喜歡的產品，對哪些產品感興趣等來進行細分化，然后從他們的購買能力、文化喜好、審美觀念等因素，找到精準的目標用戶，給他們提供符合心意的H5游戲營銷活動，這樣才可以迅速受到用戶的青睞。
?
?
三、推廣渠道
? 精準的推廣渠道，H5游戲營銷主要的推廣渠道是各大社交平臺，例如微信、微博等，但這些推廣渠道會有很多的推廣入口，而面對的是所有的互聯網用戶。因此，企業想要進行精準的渠道推廣，這就需要企業對目標用戶進行了解，要知道他們的喜好，了解他們在哪些社交平臺的入口渠道是比較活躍的，企業可以根據這些進行精準的推廣，就算數量不多，但是推廣的用戶與渠道比較精準，那么H5游戲營銷的轉化量也是可以滿足目的的。
]]>
提起傳統教學，不少人的印象停留在老師單向灌輸，學生被動接受的畫面，傳統教學模式的不足，大家都多多少少能看出一二，最根深蒂固的是作為主體的學生處在整個教學過程中被動接受的位置，學生學習主動性被壓制。這種教學模式和現代社會對人才的培養要求是相違背的，很難培養出新時代的高素質人才，因此新的教學模式出現了。
flash教學的方法早前就有許多嘗試，給予了學生更豐富的畫面感，更容易被接受。但是flash課間的設備局限是致命傷，僅能在PC電腦展示。隨著移動互聯網的發展，越來越多的課間需要移植到手機、pad、智能電視、教學白板上進行應用，flash課件也面臨著巨大挑戰，隨之應生的H5課件，解決了這個難題。
互聯網的豐富多彩讓傳統靜態的學習課件已經讓學生很難適應枯燥的課堂。H5課件的優勢在于支持跨平臺，實現文字、圖片、表格、音頻、視頻有機結合，以及動畫功能等等，并有著豐富的交互性。課堂上喜愛積極互動的同學，可以在H5課件中得到新的互動點，提升了學生參與度，激發了學習興趣的同時，也更全面地學習到知識點。
支持跨平臺學習的H5課件，有助于在不同的終端上獲得一致的學習體驗。它能夠跨平臺、跨分辨率、終端自適應，使得課件在終端數有了更好的體驗和交互，完全契合當前互聯網+教育時代的師生的教學、學習需求。
用H5做課件并不是一件難事，老師不僅能直接制作H5課件，還可以將手上已有的PPT課件資源轉化成H5課件，并錄入語音講解，在各個渠道都能進行瀏覽分享和收藏。
]]>
?
? 測試類H5指的是通過特定范圍的趣味題目，給出用戶在某一方面的品質特性測試結果的H5頁面。測試類H5有多火？之前我們分享過測試類H5爆火的原因，這種易吸粉特質讓很多品牌都想做出自己的測試類H5。但是用在哪些場景才能讓測試類H5發揮最大的優勢呢？
?
? 企業發展歷程的推廣是適合用測試類H5形式營銷的機會。H5游戲主要推廣渠道還是在微信當中，找準對的時機，讓測試類H5發揮效用趁機推廣企業發展經歷。例如一些鞏固老用戶的獎勵環節，吸引新用戶的參與。前提是要先調查用戶對企業的印象認知，否則失去了用戶心中對企業的熟悉度，在頁面中夸大了企業形象，用戶產生抵觸心理，就會影響到H5的傳播。
?
?
? 品牌新品的宣傳也可以用測試類H5來助力。新品發布期間品牌對宣傳的需求是很高的，有了新產品支撐，H5的內容也有了落腳點，也能引起用戶的關注。所以企業可以用問答類H5做產品預熱宣傳。
?
? 重要節日時期的品牌推廣也是測試類H5的舞臺，去也可以設計一些節日相關的問題，向用戶開展品牌宣傳，重企業不僅可以借勢營銷，還可以將節日與H5游戲融合，從而增加用戶對企業的好感度，增加節日氛圍的同時更貼近用戶生活。
?
?
? 知識科普宣傳用測試類H5是最好不過了，純知識培訓型企業可以設計專業問題讓用戶測試，挖掘用戶的需求點，讓用戶意識到自己的需求。大眾常識宣傳適用大多數企業，這么做不僅可以宣傳企業形象，還具有社會意義。用戶角度看來企業不是重視利益，也有著社會責任擔當。
?
?
? 測試類H5非常適合企業品牌營銷，但是最關鍵的是問題設置不能夠繁多，不能太大眾化，必須新穎獨特，否則會適得其反，失去營銷的意義。
]]>
?
? 所有H5創意者有個共同的認知——在內容質量達到一定程度的時候，H5的展現形式能夠讓內容更容易被接接受。內容是H5的血肉，形式則是H5的骨骼。如果你正在糾結要用哪種形式來呈現你的內容，不妨來看看這六種最吸引眼球的H5形式。
?
- 一鏡到底
??一鏡到底區別于扁平化的呈現形式，一改靜態的死板，讓畫面更具律動感和層次感。不要過多的交互操作，畫面自行變換，給用戶帶來生動跳躍的節奏感。長途融合視差動畫是目前比較受歡迎的一鏡到底形式。
??例如菜鳥裹裹出品的《一個包裹的“非人類”旅程》，它以長途融合視差動畫的形式呈現，呈現的原理為：不同速度的背景圖疊加在一幅畫面中。動靜結合呈現出立體的節奏感。進入頁面后，用戶以第一視角見證包裹從出庫到到達的過程。
?
?
- 畫中畫
??畫中畫和一鏡到底最大的區別在于：畫中畫中得各個畫面之間是層層嵌套的關系，任意畫面都是整個畫面的局部。
??畫中畫形式最具代表性的作品是網易新聞出品的“娛樂畫卷”。《二零一八娛樂圈畫卷》中一共有14幅畫中畫，呈現了娛樂圈十年來的大事，古風與現代娛樂新聞形成反差，極具趣味和畫面感。
?
?
- 360°全景
??在全景形式中，用戶可以上下左右滑動，畫面會呈現出類似VR的效果。阿里出品的《淘寶造物節邀請函》呈現的就是這種偽3D的VR效果。
?
?
- 快閃
??快閃形式主要為視頻展示，無需用戶操作互動，抓住提煉關鍵詞，刪繁就簡，以不斷山東的文字配合動畫形成視覺沖擊。
??比如閃送出品的《首屆前臺小姐姐大賽報名處》，魔性的BGM搭配簡單清爽的畫面，一閃而過的浮夸大字就把活動交代清楚。
?
?
- 雙屏互動
??雙屏互動即多個屏幕之間時事通訊產生互動效果的形式。兩部手機共同掃碼完成互動，加強了H5的互動性質。
??如奔馳出品的《鵲橋會，愛更多》，兩個手機掃碼就能看到整個畫面。
?
?
- 互動游戲
??互動游戲形式H5包括了游戲類和測試類。游戲類則是以簡單的小游戲為基礎，加入宣傳元素。這類游戲往往簡單易上手，成本低且具有可重復性。
??測試類經常用于品牌營銷，對于用戶來說，往往會對結果的神秘感產生好奇心。網易云音樂出品的《你的榮格心理類型》就是測試類H5的代表。
?
?
? 形式只是內容的載體，好的內容才是H5的精髓。優質的內容、獨特的形式、高效的渠道是打造成功H5不可或缺的條件。
?
]]>
?
? H5網站制作時總會遇到問題，或者進入測試階段會遇到前期沒有預想到的阻礙。作為一個過來人，在此總結一下H5網站設計時的經驗，你要踩的坑，我都幫你填好了。
?
- 功能取舍
??首先在做H5版面的時候，要明確自己想要什么，要到達什么樣的效果。考慮自身的時間成本和人力成本，抉擇要保留和去掉的功能。其次，H5頁面在不同設備打開存在諸多兼容性和穩定性問題，想要保證H5的流暢輕便就必須抉擇保留和去除的內容，從而保證用戶的瀏覽體驗。
??如何進行功能選擇呢？根據自身產品定位，結合kano模型，做出功能分類，列出必備型需求和期望型需求以及興奮型需求。H5雖然特點是輕便，但是滿足興奮型需求的功能還是要放在首位，因為它是產品的亮點，實現產品價值的重要支柱。
?
?
- 緩存優化
??緩存優化的問題會影響到頁面打開的效果，也最容易讓用戶失去耐心。加載緩存優化的策略：
- 加載某一內容的時候，給出加載進度條，確保下級界面打開的時候能夠頁面完整。
- 刷新和導航切換的時候做出加載效果。
這樣不僅可以給用戶安心感，如果沒有加載動畫，用戶會感到迷茫不知所措，加載過的頁面也不會出現畫面錯落。
?
?
- 觸控反饋
??H5最關鍵的細節就是觸控反饋，這是讓用戶感知產品的最好方式。在H5頁面點擊時按鈕需要有三種狀態，這需要耗費一定的時間成本。這屬于期望型需求，在人力時間成本不足的情況下可舍棄。
?
?
??H5設計在實際設計過程中會遇到各種問題，市面上有許多優秀作品可以借鑒學習，學習和吸收，思考分析他人的優缺點，自己遇到問題時才能得到良好的解決方案。
]]>
?
? 一支精心制作經過層層篩選改動的H5終于到了落地的那天，卻沒有達到預期的推廣效果，制作H5的心血仿佛打了水漂。再優秀驚艷的H5作品如果沒有好的營銷方式推廣，造成的損失可想而知。在此總結五種H5營銷方式，助力H5營銷傳播。
?
- 軟文推送
??通過圖文群發來推廣H5是最普遍的方式。將H5進行軟文包裝，從用戶角度挖掘H5的價值點，整理成推文。閱讀到文章末尾會發現“閱讀原文”四個字，這其中設置H5跳轉鏈接，直接實現推文和H5頁面的自如轉換。
?
推文中閱讀原文跳轉
?
- 關注語
??公眾號的關注語也是不錯的推廣渠道。在公眾號后臺設置好關注語，可以設置文本超鏈接自動回復，或者關注自動推送H5推文，增加H5活動的新關注用戶的普及度。
?
- 微信大號推廣
??投稿給人氣高的微信大號轉發是非常有效的營銷手段。這樣能充分利用大號的流量，帶動小號的人氣。但為了投放的精準性，一定要投給H5用戶定位人群的KOL，精準投放才能事半功倍。
?
- 自定義菜單
??公眾號的自定義菜單一定要充分利用起來，根據用戶的公眾號使用習慣，新關注粉絲一定會瀏覽公眾號菜單，數據監測顯示評價每個菜單項會有20%以上的新用戶點擊。所以長失效的H5頁面，如品牌介紹、產品展示、公司招聘等，都可以放在微信自定義菜單進行展示。
?
- 線上線下結合
??雖然線上營銷活動的效果甚佳，但線下推廣也是不能遺漏的推廣手段，比如常見的海報、廣告位、紙媒等。掃二維碼注冊玩小游戲送禮品是最普遍的線下活動推廣方式，通過H5的幼稚內容互動可以讓H5推廣覆蓋到粉絲的朋友圈、微博等，從而提高H5的流量。
?
線下推廣場景
?
??無論采取哪種營銷推廣手段，都需要注意H5的用戶體驗，能夠發動用戶分享才是最理想的宣傳。
]]>
?
? 在早期H5剛剛興起的時候，人們對他的印象更像是一個移動的PPT，只支持滑動操作，交互是指襯托內容的綠葉。但現如今，越來越多的交互玩法層出不窮，形式與內容的影響越來越緊密，達到了超前的效果，來看看有哪些有趣的交互玩法吧！
?
- 單擊交互
??點擊是最常見的手勢，常用于頁面切換。點擊引導可以作為注釋幫助用戶理解H5內容，讓用戶跟著H5的節奏操作。
??例如《帶上希望的種子去北京》中，用戶可以通過點擊手勢對行李箱進行“驗貨”，去深入了解H5設計的內容細節。
?
?
- 連擊交互
??連擊交互在游戲類應用比較多。游戲類H5中通常連續點擊產生的數值關聯著積分排名，帶有競技性質的H5更能吸引用戶參與。
??例如《漫威電影十周年》中的“揍”滅霸小游戲，用戶連續點擊屏幕，十秒內的點擊數量將會生成全網排名。
?
?
- 長按交互
??長按是用戶根據H5引導，長時間接觸頁面。長按交互用戶需要保持手指靜止狀態，為了避免乏味，應在設計時提示H5播放進度參考。
??例如騰訊公益的《敦煌未來博物館》中設計的風化過程展示，用戶長按手機就能看到壁畫隨著年份推移逐漸風化的場景，以此來喚醒用戶心中的文化保護意識。
?
?
- 拖拽交互
??拖拽交互需要再長按交互的基礎上進行滑動，從一個點拖到另一點，用戶可自行控制速度。適合圖片展示類的H5。
??例如《睡姿大比拼》中用戶可以拖動角色四肢，制作出各種有趣的睡姿。
?
- 重力交互
??重力交互是非常直觀的表現形式，用戶可以輕易get到H5的趣味性，這也是手機硬件升級給H5設計帶來的更多可能性。活用重力感應、陀螺儀、速度加速器等硬件去做H5的玩法創新，增加用戶的代入感。
??例如《一“陸”狂飆，極速挑戰》中設置的賽車小游戲就是通過手機重力傳感來控制小車的方向。
?
?
- 全景交互
??全景交互是在屏幕中360°展示了全部景象，用戶可以通過滑動來移動場景。這種類似VR的H5形式需要注重整個場景的設計，邊界銜接必須足夠流暢，更要注意全景加載內容較大，用戶等待和畫面卡頓的問題。
??例如華為出品的《我的榮耀5G世界》中用全景交互呈現了未來的豐富多彩的5G世界。
?
?
]]>
?
? H5以靈活的在線互動，跨平臺快速傳播的優點獲得了許多品牌方的青睞，那么要做一個H5應該如何下手呢？在一個完整H5制作項目，由這四個角色組成：項目經理、策劃、設計、開發。
?
??項目經理是一個掌控全局的角色，需要對接每個環節的進度，傳達給項目負責誠意，把控整體進度。項目經理需要通過六個維度去規劃H5制作的周期，了解H5的具體需求，安排時間節點。制作推動過程中，還需要積極與策劃、設計、開發溝通，做好項目管理。
?
?
??策劃主要負責構思方案，接收項目經理的需求制定方案。通常策劃會提出幾個方向去篩選，選定方向后進行細化潤色。策劃在工作中常用的工具有：
?
PPT——常用的演示軟件，以圖文形式呈現H5策劃案。
Axure——專業的原型繪制工具，用于建立H5交互和共享演示。
Word——文字策劃案展示；可繪制原型。
?
策劃在構思時，應該和設計、開發多多溝通，商討方案的技術成本和設計效果。
?
??
? 設計的主要工作是根據策劃給出的方案去進行視覺實現。在設計師不要一次性做完全部頁面，先與成員確認需求，做出demo確認風格，確認后再繼續。設計風格要符合產品調性和用戶喜好，加入公司品牌文化元素。除了視覺展示，H5內包含的動效也應撰寫效果說明一起轉交開發。
?
??設計稿由技術進行實現開發，開發實現后大家需要一同進行測試，測試主要針對三個方面：視覺還原度、音效動效配合、流暢度。反復確認無誤后，H5就可以等待上線了。
]]>
?
? H5的內容是最有價值的，內容創新是H5創新的關鍵點。具有傳播性的創新內容往往有著很強黏性。黏性指的是內容容易被人理解并記住，并能產生潛移默化的長久影響。H5是一個多樣化的營銷方式，內容創作絕不能過于蒼白無力。影響內容黏性的因素總結來說分五點：簡單、意外、具體、可信、情感。
?
??簡單即精煉，傳達核心信息，其他所有的形式手段，營銷方式都是圍繞著核心的。優秀的H5作品，很少有開門見山的營銷引流，通常是傳述一個故事，間接宣傳推廣品牌。如果H5核心是漲粉引流帶貨，那被用戶排斥也是肯定的。
?
??意外是指制造驚喜來吸注意力，或者用懸疑色彩來裝點內容引發好奇心和興趣。比如保護瀕臨滅絕動物的H5《自白》，開頭的黑白漫畫表現的像是一起校園霸凌事件，主角在劇情中進行了角色變換，由女孩變為藍鯨，隱喻人類傷害動物，就是傷害人類自己。
?
?
??具體的意思是要讓H5內容做到讓用戶能夠理解。用具象去描繪抽象，用人事物去表達概念精神。
?
??可信是要增加內容的可信度，獲取用戶信任。在H5內容的觀點表達時搬運一些權威人士或者真實事件來增加內容可信度。
?
?
??情感最重要的是與用戶產生共鳴，促使其改變，利用故事帶入是最容易引起共鳴的，《自白》很顯然就做到了這幾點。它將人類與動物進行了角色互換，而不是通篇宣傳“保護動物，人人有責”，結合故事情節觸動了人們的內心深處，引起了共鳴。
?
??從核心內容發散構建創意，制造意外來吸引關注，詳細講述故事來傳達情感，補充細節來增加可信度，再結合這五大法則去審視，便能打造出具有傳播性的創新內容。
]]>