H5的形式多種多樣，目的無非是推廣某一個(gè)東西--產(chǎn)品、活動(dòng)抑或是品牌。怎么去推廣呢？我們一般喜歡給用戶講一個(gè)故事。下面的截圖是幾個(gè)比較火熱的H5案例，我們可以看到“首草”講了一個(gè)你與妻子的故事，我們共同經(jīng)歷了歲月變遷，妻子對(duì)你的付出如蠟炬生光，半生為你，你該以何為報(bào)？“淘寶”年度賬單，把無聊的數(shù)據(jù)像情話一樣的輕輕的告訴你，回顧我們的初見，勾起這段剁手情緣的點(diǎn)點(diǎn)滴滴。當(dāng)然淘寶打的不是情感牌，突出的是年輕活力逗比的感覺。對(duì)，H5就像是一本薄薄的小書，會(huì)編織故事是H5設(shè)計(jì)者的必備技能。
所以該怎么去講H5的微故事呢？首先讓我們回顧一下去年火得一塌糊涂的“吳亦凡全民突擊H5”
進(jìn)來后我們最先看到的是一個(gè)模擬騰訊新聞的頁面，這是與外面鏈接文案“吳亦凡圓寸入伍做準(zhǔn)備？！”相呼應(yīng)；接著是“澄清一下”的兩次轉(zhuǎn)場(chǎng)，從新聞頁跳出來再到電話說；然后就是視頻通話頁面，最后是引導(dǎo)觀眾下載游戲的入口。
我們知道故事的五要素是：人物／場(chǎng)景／臺(tái)詞（文案）／動(dòng)作／事件，那么我們從這五要素來看看這個(gè)H5的故事是怎么玩兒的：
我們可以看到這個(gè)案例中每個(gè)要素都是經(jīng)過設(shè)計(jì)的，都貌似很有技巧哦～所以接下來我將給大家講述的就是故事五要素的各個(gè)要素到底該怎么樣去玩兒！
能引起觀眾興趣的人物分為下面3類：
1.熱點(diǎn)人物
當(dāng)下的熱點(diǎn)人物能引起觀眾興趣這是顯而易見的，大眾點(diǎn)評(píng)在《一步之遙》上映期間就以姜文作為中心點(diǎn)設(shè)計(jì)了一個(gè)營(yíng)銷H5，題為“評(píng)什么愛姜文”，在其中羅列了數(shù)部姜文主演的著名作品，讓觀眾為其評(píng)分，最后以“想更了解姜文嗎，購票看《一步之遙》”引出購買入口。
2.共鳴人物
在共鳴人物中分為兩類：一類是相似而平凡的人物，另一類則是特征夸張的人物。中國(guó)體彩的大樂透廣告（點(diǎn)擊下圖觀看視頻）中主人翁就是一個(gè)相似而平凡的人物，可能工作并沒那么順利，一切都普普通通，這樣的人物設(shè)定暗示著觀眾可以成為片中的主人翁，能遇到片中那樣美好的際遇，很容易將自己帶入到主人翁的故事中，產(chǎn)生強(qiáng)烈共鳴。
而另一類特征夸張的人物則是像《搏擊俱樂部》中布拉德-皮特飾演的泰勒，我們?cè)谟霸u(píng)中看到很多網(wǎng)友表示希望成為泰勒那樣的人，其實(shí)泰勒身上擁有的特質(zhì)是很多平凡的人也具有的能量，他的勇氣，幽默，執(zhí)著，一技之長(zhǎng)并沒有那么獨(dú)特，而是影片將這些特質(zhì)放大給了觀眾，激起了觀眾內(nèi)心的小宇宙，這也是一種常見的共鳴人物的設(shè)定。
3.自己
可能大家會(huì)很奇怪為什么故事中會(huì)有“自己”，這是我們?cè)谟耙曌髌分须y以體驗(yàn)到的，但是可以在H5中得以實(shí)現(xiàn)。通過用戶的一些設(shè)置操作，H5可以將用戶自己設(shè)為主角。比如在之前看到的“我的深圳故事”H5中輸入來到這個(gè)城市的時(shí)間等信息，最后會(huì)生成一段自己的深圳故事。這個(gè)H5已經(jīng)失效了，所以沒有能再去體驗(yàn)。下圖是“私人顏值印鈔機(jī)H5”，在其中添加自己的頭像即可生成一張印著自己頭像的鈔票圖片，也是一次奇葩好玩的體驗(yàn)。
能引起觀眾興趣的場(chǎng)景也可以分為下面3類：
1.難以體驗(yàn)到的場(chǎng)景
作為一個(gè)普通的上班族寶寶，半根腿毛都進(jìn)不了娛樂圈，望穿秋水也看不到外太空，那么如果能在一個(gè)4.7寸的屏幕上體驗(yàn)到這樣的場(chǎng)景是不是能讓你眼前一亮呢？！下面是“鄭愷請(qǐng)你一起尋找Angelababy”帶你來到了Angelababy的化妝間，我的天吶，明星的化妝間誒，好想看的有木有。
2.容易置身其中的場(chǎng)景
人物中有能產(chǎn)生共鳴的人物，那么場(chǎng)景中也有能產(chǎn)生共鳴的場(chǎng)景。什么場(chǎng)景能做到？有自己有相似點(diǎn)的場(chǎng)景嘛！比如陌陌的廣告－《一碗熱干面》，主人翁是一個(gè)在上海打拼的武漢人，一直孤孤零零，終于在陌陌上找到了一群家鄉(xiāng)人去帶他吃上一碗正宗的熱干面，作為同樣在外務(wù)工的我們也希望能在異鄉(xiāng)找到一個(gè)“熱干面店”，這個(gè)與故鄉(xiāng)連接的地方。
3.體驗(yàn)感極佳的場(chǎng)景
黑科技年年有，能用在H5里的也特別多，航拍全景什么的都不是事，能用手機(jī)測(cè)心跳，還能在手機(jī)上吹肺活量。雖然會(huì)有加載緩慢的弊端，但是好的東西也值得期待不是嗎。我目前覺得體檢超棒的當(dāng)屬Google出品的Google Stories，全景故事體驗(yàn)的感覺真的十萬個(gè)贊！強(qiáng)烈安利！
故事元素原本應(yīng)該是“臺(tái)詞”，但是在H5里很少有人物對(duì)話，更多的是文案。關(guān)于文案的套路，我之前也有總結(jié)一篇個(gè)人愚見，所幸還受到很多同事的喜愛，除其中的內(nèi)容再補(bǔ)充一個(gè)“腦洞臺(tái)詞法”。習(xí)慣于正向思維的人類已經(jīng)不滿足于正常邏輯的笑點(diǎn) 逆其道而行反倒能產(chǎn)生微妙的新鮮感，這招的要點(diǎn)就是：從非重點(diǎn)入手添加細(xì)節(jié)修飾。我們來看幾個(gè)例子：
1/“我也怕呀 可全身可以自衛(wèi)的武器就只有一支筆” 變成“我也怕呀 可全身可以自衛(wèi)的武器就只有一支紅筆 筆帽還TM是藍(lán)色的”
2/“大哥終于等到你了 我看大媽跳廣場(chǎng)舞都看了半個(gè)小時(shí)了” 變成“大哥終于等到你了 我看大媽跳廣場(chǎng)舞都看到第17小節(jié)了”
3/“哥 要不你先還我兩百吧 這幾天生活費(fèi)都有點(diǎn)不夠吃飯了”變成“哥 要不你先還我兩百吧 這幾天沙縣的老板都開始問我最近為什么不加鹵蛋了”
這樣的變化會(huì)讓文字更有色彩和幽默感。
事件事件是故事的核心，H5微故事要像玩得轉(zhuǎn)就得在事件上抓得住觀眾想要的“點(diǎn)”?？偨Y(jié)大概是這樣四點(diǎn)：
1.感情觸點(diǎn)
我們先看看臺(tái)灣這個(gè)社會(huì)實(shí)驗(yàn)的視頻，了解一下何為感情觸點(diǎn)：
人
對(duì)什么東西會(huì)有強(qiáng)烈的感情觸動(dòng)呢？
① 自己應(yīng)該做而沒有做到的，就比如我們對(duì)父母應(yīng)有的關(guān)心，這個(gè)春節(jié)廣告最常用套路；
② 自己想要而得不到的，就比如我們想留在父母身邊照顧她們而不能，我們想追求自己的夢(mèng)想而不能；
③ 曾經(jīng)擁有，現(xiàn)在已經(jīng)鮮見的，就比如童年里我們的跳格子，翻花繩，那些我們常常懷念的東西。
2.好奇點(diǎn)
人都是好奇的，來看看我們會(huì)對(duì)什么抱有好奇呢？
① 對(duì)名人好奇，比如全名突擊中的吳亦凡，Angelababy的化妝間；
②對(duì)自己好奇，比如好奇自己的剁手賬單，自己的心跳；
③ 對(duì)新鮮的事物好奇，比如新款的豪車，黑科技。
3.娛樂點(diǎn)
何為娛樂點(diǎn)呢？有的H5就像朋友一樣帶著你去玩，體驗(yàn)一份歡樂。H5火熱之鼻祖的神經(jīng)貓就是這樣一款充滿娛樂點(diǎn)的H5。下圖“女王再打我一次”是雕牌洗衣液推出的一款H5小游戲，看看誰能眼疾手快的“調(diào)教”到冒出來的男人。
4.
熱點(diǎn)
熱點(diǎn)永遠(yuǎn)是營(yíng)銷的寵兒，下圖則是京東超市順應(yīng)《大圣歸來》上映之勢(shì)推出的H5。
故事的五元素我們挨個(gè)總結(jié)了一些方法，接下來我們得將這些點(diǎn)串成線
豐富的表現(xiàn)方式我們最常見的H5一般是圖文結(jié)合，而它其實(shí)有非常豐富的表現(xiàn)方式，能承載很多種媒體形式，比如聲音，三維全景，視頻等等。各種媒體形式都有其特性，如何合理自然的運(yùn)用很重要。在下面這個(gè)守護(hù)寶貝計(jì)劃的H5中，進(jìn)入后能聽到一段來自失去孩子的媽媽說的話：“孩子，你快回來吧”這樣短短的一段話比任何文字圖片來得更有力度，比起視頻這樣較重的媒體形式更簡(jiǎn)單，更有一種留白的想象空間。
以前我們看到H5劃屏就夠了，后來變得越來越豐富，可以搖一搖，重力感應(yīng)甚至雙屏互動(dòng)等等。不同的操作方式會(huì)帶來不同的體驗(yàn)，合理自然的操作方式能讓用戶體驗(yàn)到超越屏幕觸感的感覺。下面雷克薩斯推出的H5就利用不同的操作方式讓用戶在手機(jī)上比較真實(shí)的體驗(yàn)到這輛車的各種感覺。用抹動(dòng)的手勢(shì)體驗(yàn)到方向盤皮革的質(zhì)感，滑動(dòng)的手勢(shì)體驗(yàn)到觸碰到車門把手時(shí)燈帶喚亮的驚喜。
最終我們需要將故事元素串成一條故事線，其中有三個(gè)要點(diǎn)：
情緒波動(dòng)曲線：故事如果平平淡淡，觀眾會(huì)覺得無趣，有趣的故事需要有高低起伏
視覺焦點(diǎn)：在H5中需要規(guī)劃視覺的焦點(diǎn)，讓觀眾看到你希望她們看到的東西，比如吳亦凡H5中的開頭你的視覺焦點(diǎn)會(huì)鎖定在騰訊新聞頁面下部分的視頻，你一直在按設(shè)計(jì)者規(guī)劃的視覺路徑在走
操作路徑：H5操作形式非常豐富，所以需要很好的操作引導(dǎo)才能讓觀眾按著你鋪好的故事路徑去進(jìn)行交互，同樣還是吳亦凡H5，它的轉(zhuǎn)場(chǎng)銜接非常緊密，還沒來得及想要去操作就變化了，然后只提供給你一個(gè)視頻接聽的按鈕，所以體驗(yàn)才非常流暢。
感謝閱讀~
