魔咒、戲精、強(qiáng)迫癥、大保健......這周刷屏的H5都被網(wǎng)易承包了！

這段時(shí)間網(wǎng)易不得了啊

幾個熱門的H5全都出自網(wǎng)易旗下

還能不能給別家公司一個刷屏的機(jī)會啦

下面對網(wǎng)易這些熱門H5進(jìn)行解析

望各位看官偷偷觀看

否則你家老板該讓你

做個也能

刷屏的

H5

了

那 

快看完這些

一起長知識吧

網(wǎng)易新聞 | 噠噠：逃不掉的四字魔咒

創(chuàng)意分析

這支H5以以為老人回顧一生的形式展開對過去的回憶，向用戶展現(xiàn)一個人從小到大都會遇到的一些“四字魔咒”，不管是在家里還是在學(xué)校，以及步入職場，在我們遇到一些令我們不爽的事情的時(shí)候，總是會選擇用這些“四字魔咒”安慰自己，進(jìn)而妥協(xié)。故事比較貼近實(shí)際，而且以每個人幾乎都會遇到的事情為例，更加能夠吸引用戶。

技術(shù)分析

技術(shù)上主要采用的是動畫技術(shù)以及畫中畫技術(shù)，設(shè)計(jì)圖方面是比較連貫的一鏡到底橫向滑屏的形式，更加具有代入感。像講故事一樣表述了大多數(shù)人的一生。

視覺分析

背景色調(diào)以深藍(lán)色為主，場景大多時(shí)是夜晚，比較能夠觸發(fā)人的情緒，引發(fā)共鳴。同時(shí)H5的視角以老人的視角切入，并且從老人的眼睛開始進(jìn)入，故事展現(xiàn)比較流暢，長動圖滑動也沒有卡頓的情況，用戶體驗(yàn)比較好。

網(wǎng)易有道：深夜，男同事問我睡了嗎...

創(chuàng)意分析

這支H5是有道翻譯官出的一支宣傳H5。最主要的是以“深夜，有男同事問我睡了沒”為話題這個創(chuàng)意比較好。然后向用戶展示女主人公各種內(nèi)心戲，更有意思的是女主人公跑到閨蜜群各種提問，糾結(jié)該怎么辦，閨蜜紛紛八卦，最后才知道原來男同事只是想讓自己幫忙翻譯一個文件。引出宣傳產(chǎn)品，這個廣告真是贏在了創(chuàng)意上。

技術(shù)分析

說到這支H5的技術(shù)，基本上沒有什么特別要介紹的，只是錄了一個視頻，然后導(dǎo)入H5中生成H5的形式，不需要用戶做什么交互動作，只要看視頻就行。不過這么精彩的內(nèi)心戲在隆重上演，用戶應(yīng)該根本也來不及互動，睜大眼睛看就行啦！其實(shí)用人人秀平臺的【微信群聊】插件制作會更加方便，不用刻意錄屏，直接模擬出微信群聊現(xiàn)場。

視覺分析

因?yàn)槭鞘謾C(jī)錄屏剪輯的視頻，所以整個H5中的頁面主要以微信聊天對話頁面為主，沒有什么干擾的元素，體驗(yàn)還是比較好的。最后有道翻譯官廣告的植入也是比較合情合理，沒那么硬，體驗(yàn)很棒！

網(wǎng)易嚴(yán)選：好難受 強(qiáng)迫癥受不了了

創(chuàng)意分析

這是網(wǎng)易嚴(yán)選出的一支宣傳類H5，創(chuàng)意在于不是直接的主題或者是logo宣傳，而是制作了5個小游戲與用戶進(jìn)行互動，比較有心意的是這5個小游戲都是要逼死強(qiáng)迫癥的小游戲?。喊涯緣K對齊、把球排完整、救活枯萎的花，消除俄羅斯方塊、修剪一下數(shù)目。到最后才會出現(xiàn)宣傳主題“網(wǎng)易嚴(yán)選和你一樣，選產(chǎn)品的時(shí)候就是強(qiáng)迫癥”，突出品牌特色。

技術(shù)分析

觸屏交互事件和重力感應(yīng)技術(shù)在這支H5中是被用到的主要技術(shù)。對于一個智商有限的強(qiáng)迫癥患者來說，每一關(guān)小游戲玩不過去就不能玩下一個游戲簡直是最虐的事情。這些小游戲雖然看著很簡單，但是真的很燒腦啊，幸虧頁面中有提示按鈕，不然以汪小汪的智商，真的玩不過第一關(guān)！

視覺分析

整體頁面在設(shè)計(jì)上是屬于比較簡潔的，5個小游戲的頁面也是屬于看上去比較簡單容易的設(shè)計(jì)，所以整個視覺體驗(yàn)上還是比較好的。而且在玩游戲的過程中頁面比較純粹，只有在最后才出現(xiàn)品牌宣傳頁。但是同時(shí)也會暴露一個弱點(diǎn)，也許大多數(shù)用戶打開這個H5只會對虐人的小游戲印象深刻，還會有很大一部分沒有耐心的人在前面某一個游戲過不了關(guān)的時(shí)候就推出，導(dǎo)致用戶流失也是很有可能的。

網(wǎng)易新聞：心靈復(fù)蘇大保健

創(chuàng)意分析

這支H5是由網(wǎng)易新聞為宣傳“一場關(guān)于工作焦慮的展覽”活動所打造的一款宣傳h5，首先進(jìn)入頁面之后用戶可以不斷的切換進(jìn)行屏幕切換，每一頁屏幕上都是關(guān)于此活動的展覽頁面，用戶點(diǎn)擊展覽圖便可進(jìn)入進(jìn)行詳細(xì)了解。

技術(shù)分析

這支H5主要采用的技術(shù)就是動畫技術(shù)，在展覽頁面采用動畫技術(shù)，然后是添加觸發(fā)按鈕，點(diǎn)擊按鈕觸發(fā)彈框頁面對展覽活動進(jìn)行了解。

視覺分析

整體采用的是黑色的背景，畫面元素采用紫色為主，整體搭配比較活潑，很潮很fashion！每一個活動的展覽占據(jù)一個頁面，然后旁邊是活動介紹，比較清晰明了，觀看體驗(yàn)比較好。

網(wǎng)易云課堂：焦慮治愈館 甜暖開張

創(chuàng)意分析

這是網(wǎng)易云課堂跟KFC聯(lián)合出品的一支宣傳H5，打開H5進(jìn)入頁面后看到的是張一山、孫儷、潘瑋柏三位明星的視頻按鈕，可以通過點(diǎn)擊明星頭像進(jìn)行切換查看明星視頻。然后配以“測試焦慮度”的答題，通過用戶答題測試其焦慮度，好玩又有趣。

技術(shù)分析

技術(shù)上主要采用了視頻技術(shù)，對明星視頻進(jìn)行播放；然后加上一些觸發(fā)按鈕，引發(fā)其他頁面；中間部分采用的是答題插件，對用戶的焦慮度進(jìn)行測試。并給出“治愈良方”，引出KFC產(chǎn)品宣傳和網(wǎng)易云課堂的品牌宣傳。

視覺分析

設(shè)計(jì)上采用黃色為背景色，整體視覺上比較明亮，視頻插件技術(shù)使三段視頻分插其中，通過用戶自覺選擇進(jìn)行觀看，增加與用戶的互動，突出用戶的自主選擇權(quán)利，答題板塊的設(shè)置又比較輕松有趣，增強(qiáng)用戶體驗(yàn)好感。

人人秀原創(chuàng)文章，如若轉(zhuǎn)載請注明出處：http://www.bydok.cn/content-04spqd