沒想到，鳳凰網(wǎng)歷史的H5，帶著輕潮范兒

不知道你有沒有發(fā)現(xiàn)，今年的古裝大電影，基本都是以唐代為原型的，像已經(jīng)上映的《妖貓記》和《狄仁杰之四大天王》; 這兩部電影，看過的朋友都知道，視覺觀感簡直可以用驚艷來形容! 這種影像風格，被稱之為“東方新魔幻主義”。

可以說，在今年國貨復(fù)興的泛文化領(lǐng)域，唐文化成為了大家很關(guān)注的內(nèi)容點，這一點從電影作品就能看出端倪了。

而最近，鳳凰網(wǎng)歷史頻道也捕捉到了這個需求點，并制作了年度策劃《尋唐紀》，更新鮮的是，為更好的宣傳選題，官方制作了一支接地氣的H5來推廣《尋唐紀》，這支H5名為：測測你的大唐基因，這里，第一時間分享給大家！

看完后，真心覺得，現(xiàn)在的H5確實很厲害，除了可以賣產(chǎn)品和做活動，就連一個歷史頻道的專題推廣，都可以用H5來做推廣和宣傳。

之前咱們都是看騰訊、網(wǎng)易這樣的互聯(lián)網(wǎng)單位在做H5，現(xiàn)在，更多的傳統(tǒng)企業(yè)和單位也在參與H5的制作，這就說明了一個現(xiàn)狀：只要你想在手機上做“廣告”，H5就肯定是一個必不可少的聚焦點，而且，未來會有更多的傳統(tǒng)企業(yè)參與到H5的制作當中，雖然H5在互聯(lián)網(wǎng)圈沒那么火了，但他的需求，實際上是在逐漸增加的，H5的需求在下沉，在向著更廣闊的方向延伸。

那么，回到咱們分享的作品，你會發(fā)現(xiàn)，這支H5，實際是一個性格小測試，一共有5道題目，用戶通過選擇適合自己的答案，最后生成對應(yīng)的結(jié)果：

問答題的設(shè)計，還是非常有看頭的，再結(jié)合了歷史事件、人物的同時，還能兼顧到一些時下的熱點和文案，這就非常難得了。

5道問答題雖然不多，但卻從文化、外交、習俗、經(jīng)濟、娛樂這5個切入點，將現(xiàn)代生活與古代的唐代文化做了一個趣味十足的對比，例如：問題4的答案 C：當一名游俠劍客，混跡江湖，成為社會大佬！

看到這里，真的沒忍住笑出了聲，居然在唐代，還有這種高端操作？？？文案同學真是花心思了！

在選測題的體驗上，有兩個動態(tài)設(shè)計非常值得一提，一個是開屏頁面的馬賽克動態(tài)效果；一個是選擇過程中的翻轉(zhuǎn)效果。

1.畫面由不清晰到清晰的這個過程用馬賽克動畫來過度，觀看體驗非常特別的，會有種穿越時空的感受。

2.翻轉(zhuǎn)的問答題動態(tài)設(shè)計，不僅節(jié)約了頁面的空間和體積，還能讓用戶的選擇過程更加連貫。

而通過測試，我們發(fā)現(xiàn)，大多數(shù)用戶的體驗過程，并沒有超過1分鐘，在很短的時間內(nèi)，大家就完成了測試，這樣的設(shè)計，可以很好的控制跳出率，而且大部分用戶在做測試時，真的都是聚精會神的在參與，這是非常難得的事情了！

完成測試后，H5會為你生成一個結(jié)果頁，內(nèi)容是，三位唐代人物的性格百分比對應(yīng)圖，通過人物的描述，來告訴你，你的性格測試結(jié)果情況。

這部分的內(nèi)容也非常發(fā)的接地氣，H5內(nèi)設(shè)計了很多種人物和對應(yīng)答案，想每個結(jié)果都玩出來的話，是要花很多功夫的。

12個結(jié)果人物的展示插畫

12個結(jié)果人物的角色描述

最后，點擊《尋唐紀》圖標，就會跳轉(zhuǎn)到移動專題頁的列表，可能很多用戶都沒看到這個圖標，圖標就在最終測試結(jié)果頁面的最下方，這個引導有點不太明顯，眼神不好的朋友，是要花功夫找一找了，位置如下圖：

而到這里，H5的內(nèi)容體驗也就結(jié)束了，不知道，你是不是會喜歡這支H5？

總體來說，這是一支非常輕量級的H5，通過唐文化主題的趣味測試，來引導用戶進入情景角色，然后最終關(guān)注《尋唐紀》這個選題。

雖然H5在細節(jié)展現(xiàn)上還有諸多不足，但對于那些深度嚴肅內(nèi)容的領(lǐng)域來說，能這么去設(shè)計和推廣一檔歷史選題，已經(jīng)算是挺新穎的事情了，這類H5我們看到的不是大制作和頁面的炫酷效果，我們看到的，其實是H5作為專項推廣形式逐漸被更多的企業(yè)和單位所關(guān)注和采用的趨勢，希望我們今天的分享，能夠?qū)δ阌幸恍﹩l(fā)。

如果，你對這支H5有什么優(yōu)化、改進、評測相關(guān)的觀點，也歡迎你和我們小站留言互動。

作者:小呆 

 微信:xd13951008348

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