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

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

幾個(gè)熱門(mén)的H5全都出自網(wǎng)易旗下

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

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

望各位看官偷偷觀看

否則你家老板該讓你

做個(gè)也能

刷屏的

H5

了

那 

快看完這些

一起長(zhǎng)知識(shí)吧

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

創(chuàng)意分析

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

技術(shù)分析

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

視覺(jué)分析

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

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

創(chuàng)意分析

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

技術(shù)分析

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

視覺(jué)分析

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

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

創(chuàng)意分析

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

技術(shù)分析

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

視覺(jué)分析

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

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

創(chuàng)意分析

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

技術(shù)分析

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

視覺(jué)分析

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

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

創(chuàng)意分析

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

技術(shù)分析

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

視覺(jué)分析

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

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