提升H5頁面轉化率的十種交互形式

 

隨著互聯網的不斷發展,廣告形式也發生了翻天覆地的變化。傳統的廣告主要是展示給用戶觀看,而現在的廣告伴隨著更多的交互,讓用戶與產生交互行為,也就是很多人常說的“互動”。其實,隨著行業發展和細分,這個“互動”早就不簡單了,他往往會關系到打開率、用戶留存、購買轉化這些非常重要的信息。下面,藍橙互動會為展現10種最常見,營銷交互方式在H5頁面的運用,希望能為你帶來新的思考和啟發!

  

1、滑頁交互- 交互類型

 

1.jpg

 

轉場- 留存率:高滑動頁面交互,是H5中最常見的交互方式,主要作用是轉場,因為大家比較熟悉這類操作。所以,在滑頁時,觀看者流失率比較低。

 

又因為這類交互方式單一,所以,行業中有一個5-8頁最佳滑頁數上線的說法。但其實,同樣的滑頁轉場,如果能夠有不同的轉場花樣,就能彌補呆板。

 


2、長滑頁交互- 交互類型


1585121559894458.jpg


轉場- 留存率:較高和滑頁不同,長頁面交互在轉場時,不會有那種不連貫的感覺,從而能夠減少流失率。

 

但通常說,頁面內容也不合適設計過長,這很容易造成觀看者乏味。

 

而且,除上滑動外,其實我們可以設置左右互動,這樣也許能帶來更強的新鮮感。


3、長按交互- 交互類型

 

1585121584317101.jpg


轉場- 留存率:較高長按交互是指,通過長時間按壓屏幕,來達到內容播放和轉場的互動方式,通常說,有提升注意力的效果。

 

但和長頁面交互特征一樣,不適合長時間按壓,而且在長按時,最好能夠有相關進度參數,像是《1分鐘漫游珠港澳大橋》中的公里數顯示。


4、視差滾動動畫交互- 交互類型


1585121631115372.jpg


轉場- 留存率:極高可以說,這是目前最常用,又具備極高留存率的頁面交互,和長頁滑動不同,視差動畫因為在頁面運動時,頁面元素能夠呈現出不同的運動軌跡,所以,能更好提升觀看者關注度。

 

而且,視差動畫的形式也比較多樣,容易制作出極為特殊的效果。

 

5、行為引導交互- 交互類型

 

 

1585121658178840.jpg


內頁操作- 留存率:適中行為引導類交互,通常在關鍵內容步驟時出現,用于提醒觀看者進行操作,可一旦使用不適當,就會有非常差的體驗感。

 

這類交互也是H5中比較難使用的一種,看似簡單,但其中要考慮的用戶行為因素卻非常的多。

 

6、選擇類交互- 交互類型


 

1585121688121715.jpg


內頁操作- 留存率:適中選這類交互看似簡單,但其實難度是眾多交互方式中最高的,因為自由度較大。

 

所以在設計時,要考慮到內容主題特征。像是《藍月》中,為突出緊迫感,在選擇時,專門設計了選擇進度條,效果非常理想。

 

7、3D空間類交互- 交互類型


1585121737790149.jpg


內容展示- 留存率:較低3D場景類交互,在國內營銷H5中比較少見,主要原因是因為技術門檻和用戶習慣造成的,一方面開發成本高,而另一方面是因為國內用戶又普遍沒有類似習慣,以此導致了這類交互方式留存率較低。但隨著5G時代的到來,這種情況應該會有所改善。


8、手勢書寫類交互- 交互類型


1585121760615569.jpg

 

輔助類- 留存率:適中因為操作復雜,所以這類交互在營銷H5中出現較少,就算出現,也通常會簡單化來進行設計,在案例中,也主要起錦上添花的作用。

 

如果不是主題的特別需要,通常不建議加入這種操作方式,必定有些過于復雜了。

 

9、重力交互- 交互類型


1585121816945752.jpg


輔助類- 留存率:較高通常說,我們可以利用一些小交互,來增添頁面關注度與趣味性,例如,手機陀螺儀的調用和重力交互的加入。

 

可別小看了這個小小的重力交互,很多人就是因為這點細節才最終留存下來的。

 

10、 360度滾動交互- 交互類型

 

 

1585121909127645.jpg

內頁操作- 留存率:適中不同于3D場景類交互,360度滑動交互,并不一定需要3D技術,而主要目的是能夠呈現立體場景。

 

這類交互方式非常適合應用在空間性較強的展覽、活動、室外等場景。當然,操作往往也都比較復雜,設計這類交互其實是要盡量做減法,而不是加法。

 

 

以上就是藍橙互動這次給大家分享的10個最常見的營銷H5設計交互了。對于品牌們來說,簡單的互動形式并不一定就不好用,復雜并不一定就真正有效,真正的設計還是需要根據品牌自身的情況來操作了。


藍橙互動,是一家專業的h5游戲開發公司,為上百家品牌提供H5開發服務,值得你的選擇和信賴!



注:想要查看更多的H5案例,可以加我們QQ:3513138755,我們會把最新的案例發給你喲

 

相關鏈接:H5制作|微信小程序|微信小游戲|H5開發|行業H5制作

更多疑問 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨詢

價格咨詢

工期咨詢

星际扑克棋牌