實(shí)戰(zhàn)案例告訴你H5玩法有哪些？

原創(chuàng) 贊收藏 評(píng)論

舉報(bào) 2023-06-08

掃描,分享朋友圈

使用H5開(kāi)展?fàn)I銷活動(dòng)對(duì)于各大品牌來(lái)說(shuō)，已經(jīng)成為一件習(xí)以為常的事情，不管是在線上還是線下，都會(huì)優(yōu)先考慮用H5與用戶互動(dòng)。不過(guò)H5的形式五花八門，又沒(méi)有一個(gè)固定的分類方式，構(gòu)思H5的玩法就成為活動(dòng)策劃們最頭疼的事。下面，藍(lán)橙互動(dòng)就以H5的能力入手，用實(shí)戰(zhàn)案例為大家分享一下H5都有哪些玩法。

一、基于傳感器

這類玩法是依靠手機(jī)上的傳感器實(shí)現(xiàn)，主要包括陀螺儀、gps、攝像頭、麥克風(fēng)、震動(dòng)傳感器、光線傳感器、距離傳感器等。在設(shè)計(jì)玩法時(shí)，需要結(jié)合活動(dòng)本身的需求來(lái)選用相關(guān)的合適的傳感器，能夠提升用戶體驗(yàn)同時(shí)實(shí)現(xiàn)品牌宣傳需求，不能隨意搭配或隨意疊加多個(gè)傳感器，避免畫蛇添足。

陀螺儀

這些傳感器中被H5應(yīng)用最多的應(yīng)屬陀螺儀，讓用戶通過(guò)搖一搖、重力感應(yīng)等方式來(lái)實(shí)現(xiàn)游戲操作控制、檢查手機(jī)是否平躺/豎直、VR全景圖轉(zhuǎn)換角度等。

案例參考：這是由山東衛(wèi)視為2023春節(jié)聯(lián)歡晚會(huì)節(jié)目單宣傳推出的創(chuàng)意H5游戲。游戲中的小兔子會(huì)自動(dòng)向上跳躍，需要用戶翻轉(zhuǎn)手機(jī)來(lái)控制跳躍的方向，讓小兔子能不斷線上攀爬。

GPS

借助GPS，可以讓H5定位用戶所處的位置，為用戶提供比較方便的周邊生活服務(wù)，例如附近餐飲信息，具有優(yōu)惠活動(dòng)的門店，在指定位置進(jìn)行打卡等。

案例參考：這是由雪花啤酒推出的“雪花馬爾斯綠啤酒·潮食派”商家評(píng)選活動(dòng)，由用戶為喜愛(ài)的商家打榜助力，評(píng)選出人氣商家。用戶在投票時(shí)可查看商家門店與自己的位置和距離，引導(dǎo)用戶去線下消費(fèi)。

攝像頭

攝像頭也是一個(gè)應(yīng)用較多的傳感器，主要是為用戶上傳圖片提供一種便捷方式，例如人臉融合H5，用戶可直接拍照上傳進(jìn)行融合。

案例參考：這是為深圳世界文明浮雕墻宣傳推出的人臉融合H5，用戶可拍攝一張清晰正面照，再選擇一個(gè)臉部浮雕樣式勁融合，得到專屬的浮雕照片。

二、基于觸摸屏操作

基于觸摸屏操作有兩種形式，一是手勢(shì)操作，這個(gè)不必多說(shuō)，這是每個(gè)H5都會(huì)用到的功能，用戶可通過(guò)點(diǎn)擊、滑動(dòng)、雙指放大等等手勢(shì)操作中的一種或多種形式，實(shí)現(xiàn)H5的翻頁(yè)、場(chǎng)景移動(dòng)，頁(yè)面放大、按鈕觸發(fā)等交互。第二種則是電子印章，是一種獨(dú)立的H5玩法，交互流程與蓋章一樣，只不過(guò)這是在H5的相應(yīng)頁(yè)面進(jìn)行蓋章。

案例參考：這是由福特汽車為探索之旅線下車展推出的活動(dòng)指引H5，用戶跟隨指引前往制定區(qū)域，完成相關(guān)項(xiàng)目挑戰(zhàn)，即可讓工作人員用電子印章蓋章，收集點(diǎn)亮一定數(shù)量的電子章，即可參與在線抽獎(jiǎng)。

三、基于畫面呈現(xiàn)

這類玩法一般就是展現(xiàn)一段比較酷炫有趣的畫面內(nèi)容，如視頻、動(dòng)畫、特效，給用戶帶來(lái)視覺(jué)上的感官享受，用戶也可以通過(guò)與畫面內(nèi)容互動(dòng)，看自己想看的內(nèi)容。

動(dòng)畫視頻

這類H5會(huì)播放一段時(shí)間較長(zhǎng)但有趣生動(dòng)的視頻或動(dòng)畫來(lái)吸引用戶關(guān)注其宣傳內(nèi)容。由于視頻內(nèi)容比較生動(dòng)酷炫有趣味，以及常常有明星參與演出，用戶一般不會(huì)太抗拒這樣的廣告，反而會(huì)喜歡點(diǎn)贊，甚至主動(dòng)向朋友分享。

案例參考：這是由中共河南省委宣傳部以“決勝全面小康、決戰(zhàn)脫貧攻堅(jiān)”為主題推出的H5微視頻，H5主要包含四個(gè)板塊：第一書記談、鄉(xiāng)村青年說(shuō)、脫貧群眾講、理論達(dá)人話。每個(gè)板塊分別圍繞3個(gè)人物而展開(kāi)，用戶可依次瀏覽各個(gè)人物的信息介紹以及視頻解說(shuō)。

全景交互

全景交互指將用戶置于一個(gè)360度環(huán)繞的圖片/視頻環(huán)境下進(jìn)行沉浸式的體驗(yàn)，用戶可以通過(guò)轉(zhuǎn)動(dòng)手機(jī)或滑動(dòng)屏幕來(lái)看這個(gè)環(huán)境里不同角度的內(nèi)容并進(jìn)行交互。

案例參考：這是由沈陽(yáng)故宮博物館推出的VR全景H5，用戶可直接在H5沉浸式瀏覽博物館，切換各區(qū)域欣賞其中的藏品，詳細(xì)領(lǐng)略瓷器的魅力，感受中國(guó)傳統(tǒng)制造業(yè)的蓬勃發(fā)展。

多屏互動(dòng)

多屏互動(dòng)是指多人共同參與的活動(dòng)，各自的操作會(huì)同時(shí)反應(yīng)到其他屏幕上，一般由于線下的現(xiàn)場(chǎng)互動(dòng)活動(dòng)中，用戶將自己的手機(jī)當(dāng)成控制器，用大屏幕來(lái)顯示游戲互動(dòng)畫面。

案例參考：這是為黨建知識(shí)科普而推出的大屏互動(dòng)H5游戲，用戶掃描即可參與游戲，進(jìn)行多人答題活動(dòng)，借此實(shí)現(xiàn)黨建知識(shí)科普。H5分為雙端，用戶端將顯示每一輪的題目及對(duì)錯(cuò)選項(xiàng)，用戶點(diǎn)擊進(jìn)行答題。搭配端則會(huì)實(shí)時(shí)展示所有用戶的作答情況，選擇同一個(gè)選項(xiàng)的在同一個(gè)方隊(duì)，每輪倒計(jì)時(shí)結(jié)束時(shí)淘汰答錯(cuò)的用戶，直到最后一人獲勝。

結(jié)語(yǔ)

隨著H5開(kāi)發(fā)技術(shù)的不斷發(fā)展，H5的玩法也會(huì)越來(lái)越豐富，特別是在基于觸摸屏操作的分類中，還包含著有許多常規(guī)的類型，這里就不一一介紹了。雖然這里按H5中的功能需求劃分了三個(gè)種類，但每個(gè)種類間或多或少都有聯(lián)系，只是側(cè)重不同，所適用的活動(dòng)場(chǎng)景有所不同，在構(gòu)思H5玩法時(shí)，根據(jù)活動(dòng)需求選擇一個(gè)核心形式進(jìn)行展開(kāi)即可，只要不影響品牌宣傳與用戶體驗(yàn)就行。

本內(nèi)容為作者獨(dú)立觀點(diǎn)，不代表數(shù)英立場(chǎng)。
本文禁止轉(zhuǎn)載，侵權(quán)必究。