想提升轉化率,你一定要了解的10種營銷交互!

原創2019-09-06舉報618944

想提升轉化率,你一定要了解的10種營銷交互!

掃描,分享朋友圈

想提升轉化率,你一定要了解的10種營銷交互!

數字營銷的范疇如今越來越廣,除H5外,隨著5G來臨,互動視頻、戶外大屏、互動裝置等等......

可以說,只要是未來有屏幕的地方,就一定會有廣告,而這些廣告,也一定要伴隨更多交互,這些交互方式,就是營銷交互。

在廣告行業,大家會把他稱作是“互動”,而其實,隨著行業發展和細分,這個“互動”早就不簡單了,他往往會關系到打開率、用戶留存、購買轉化這些非常重要的信息。
這期,小呆會為展現10種最常見,營銷交互方式在H5中的運用,希望能為你帶來新的思考和啟發!


01 滑頁交互- 交互類型

想提升轉化率,你一定要了解的10種營銷交互!

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

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


《致匠心》的轉場交互

想提升轉化率,你一定要了解的10種營銷交互!


《我們之間就一個字》的轉場交互

想提升轉化率,你一定要了解的10種營銷交互!


02 長滑頁交互- 交互類型想提升轉化率,你一定要了解的10種營銷交互!

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

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

而且,除上滑動外,其實我們可以設置左右互動,這樣也許能帶來更強的新鮮感,例如下圖H5《360°記者會》。


《兩個人,如何做一款排行前十的APP》長滑頁

想提升轉化率,你一定要了解的10種營銷交互!


《360°記者會》左右長滑頁


03 長按交互- 交互類型
想提升轉化率,你一定要了解的10種營銷交互!

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

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


《陪伴常在 無距思念》長按交互


《1分鐘漫游珠港澳大橋》長按交互


04 視差滾動動畫交互- 交互類型想提升轉化率,你一定要了解的10種營銷交互!

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

而且,視差動畫的形式也比較多樣,容易制作出極為特殊的效果,像是H5作品《自白》。


《自白》的視差動畫

想提升轉化率,你一定要了解的10種營銷交互!


《世界杯光陰的故事》的視差動畫

想提升轉化率,你一定要了解的10種營銷交互!


05 行為引導交互- 交互類型

想提升轉化率,你一定要了解的10種營銷交互!

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

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


《修復文物 遇見文明》案例中的行為交互

想提升轉化率,你一定要了解的10種營銷交互!


06 選擇類交互- 交互類型


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

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


《藍月》案例中選擇進度條


《平行世界的你》案例中的交互選擇


07 3D空間類交互- 交互類型


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


《穿越宇宙的邀請函》3D場景


《把1000個設計師做成飲料》3D場景


08 手勢書寫類交互- 交互類型


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

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


《我的首發同名專輯》簽名頁面


《眼瞎大冒險》畫畫頁面


09 重力交互- 交互類型

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

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


《改革開放40周年,你的年代記憶》重力頁面


《拉鉤4周年H5》菜單重力頁面


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

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

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


《創造力美術館》360頁面


《2016淘寶造物節》360頁面

以上就是小站這次給大家分享的10個最常見的營銷設計交互了,其實看完本期內容你會發現,簡單的并不一定就不好用,復雜并不一定就真正有效。

一切的設計都來源于操作者的行為本身,就算是營銷廣告也不例外!未來,小呆也會為你分享更多的,營銷交互設計知識。

不管你是設計師、文案、策劃還是創意人,只有懂了營銷類的交互,未來應對工作才能更得心應手!

好了,這就是小呆這期的分享了,讓更多人看到好作品,讓更多人看到作品背后的價值,希望今天的分享能讓你有所收獲,歡迎關注小呆的H5小站!


數英用戶原創,轉載請遵守規范

轉載規范及須知*文章為作者獨立觀點,不代表數英網立場
本文由作者授權數英網發表,并經數英編輯。轉載此文章,在文章開頭和結尾標注“作者”、“來源:數英網”并附上本頁鏈接;
數英編輯原創文章及專題,必須確認已被數英官方微信發表后,方可轉載;
如作者注明不能轉載及需要授權的,請聯系作者本人;
本站(網頁、APP)部分文字及圖片來源于網絡,如侵犯到您的權益,請及時告知,我們將及時處理或刪除。

想提升轉化率,你一定要了解的10種營銷交互!

掃描,分享朋友圈

    辛运28预测神网