想提升轉(zhuǎn)化率，你一定要了解的10種營銷交互！
數(shù)字營銷的范疇如今越來越廣，除H5外，隨著5G來臨，互動(dòng)視頻、戶外大屏、互動(dòng)裝置等等......
可以說,只要是未來有屏幕的地方，就一定會(huì)有廣告，而這些廣告，也一定要伴隨更多交互，這些交互方式，就是營銷交互。
在廣告行業(yè)，大家會(huì)把他稱作是“互動(dòng)”，而其實(shí)，隨著行業(yè)發(fā)展和細(xì)分，這個(gè)“互動(dòng)”早就不簡單了，他往往會(huì)關(guān)系到打開率、用戶留存、購買轉(zhuǎn)化這些非常重要的信息。
這期，小呆會(huì)為展現(xiàn)10種最常見，營銷交互方式在H5中的運(yùn)用，希望能為你帶來新的思考和啟發(fā)！
01 滑頁交互- 交互類型
轉(zhuǎn)場- 留存率：高滑動(dòng)頁面交互，是H5中最常見的交互方式，主要作用是轉(zhuǎn)場，因?yàn)榇蠹冶容^熟悉這類操作。所以，在滑頁時(shí)，觀看者流失率比較低。
又因?yàn)檫@類交互方式單一，所以，行業(yè)中有一個(gè)5-8頁最佳滑頁數(shù)上線的說法。但其實(shí)，同樣的滑頁轉(zhuǎn)場，如果能夠有不同的轉(zhuǎn)場花樣，就能彌補(bǔ)呆板，見下圖《致匠心》。
《致匠心》的轉(zhuǎn)場交互
《我們之間就一個(gè)字》的轉(zhuǎn)場交互
02 長滑頁交互- 交互類型
轉(zhuǎn)場- 留存率：較高和滑頁不同，長頁面交互在轉(zhuǎn)場時(shí)，不會(huì)有那種不連貫的感覺，從而能夠減少流失率。
但通常說，頁面內(nèi)容也不合適設(shè)計(jì)過長，這很容易造成觀看者乏味。
而且，除上滑動(dòng)外，其實(shí)我們可以設(shè)置左右互動(dòng)，這樣也許能帶來更強(qiáng)的新鮮感，例如下圖H5《360°記者會(huì)》。
《兩個(gè)人，如何做一款排行前十的APP》長滑頁
《360°記者會(huì)》左右長滑頁
03 長按交互- 交互類型
轉(zhuǎn)場- 留存率：較高長按交互是指，通過長時(shí)間按壓屏幕，來達(dá)到內(nèi)容播放和轉(zhuǎn)場的互動(dòng)方式，通常說，有提升注意力的效果。
但和長頁面交互特征一樣，不適合長時(shí)間按壓，而且在長按時(shí)，最好能夠有相關(guān)進(jìn)度參數(shù)，像是《1分鐘漫游珠港澳大橋》中的公里數(shù)顯示。
《陪伴常在 無距思念》長按交互
《1分鐘漫游珠港澳大橋》長按交互
04 視差滾動(dòng)動(dòng)畫交互- 交互類型
轉(zhuǎn)場- 留存率：極高可以說，這是目前最常用，又具備極高留存率的頁面交互，和長頁滑動(dòng)不同，視差動(dòng)畫因?yàn)樵陧撁孢\(yùn)動(dòng)時(shí)，頁面元素能夠呈現(xiàn)出不同的運(yùn)動(dòng)軌跡，所以，能更好提升觀看者關(guān)注度。
而且，視差動(dòng)畫的形式也比較多樣，容易制作出極為特殊的效果，像是H5作品《自白》。
《自白》的視差動(dòng)畫
《世界杯光陰的故事》的視差動(dòng)畫
05 行為引導(dǎo)交互- 交互類型
內(nèi)頁操作- 留存率：適中行為引導(dǎo)類交互，通常在關(guān)鍵內(nèi)容步驟時(shí)出現(xiàn)，用于提醒觀看者進(jìn)行操作，可一旦使用不適當(dāng)，就會(huì)有非常差的體驗(yàn)感。
這類交互也是H5中比較難使用的一種，看似簡單，但其中要考慮的用戶行為因素卻非常的多。
《修復(fù)文物 遇見文明》案例中的行為交互
06 選擇類交互- 交互類型
內(nèi)頁操作- 留存率：適中選這類交互看似簡單，但其實(shí)難度是眾多交互方式中最高的，因?yàn)樽杂啥容^大。
所以在設(shè)計(jì)時(shí)，要考慮到內(nèi)容主題特征。像是《藍(lán)月》中，為突出緊迫感，在選擇時(shí)，專門設(shè)計(jì)了選擇進(jìn)度條，效果非常理想。
《藍(lán)月》案例中選擇進(jìn)度條
《平行世界的你》案例中的交互選擇
07 3D空間類交互- 交互類型
內(nèi)容展示- 留存率：較低3D場景類交互，在國內(nèi)營銷H5中比較少見，主要原因是因?yàn)榧夹g(shù)門檻和用戶習(xí)慣造成的，一方面開發(fā)成本高，而另一方面是因?yàn)閲鴥?nèi)用戶又普遍沒有類似習(xí)慣，以此導(dǎo)致了這類交互方式留存率較低。但隨著5G時(shí)代的到來，這種情況應(yīng)該會(huì)有所改善。
《穿越宇宙的邀請函》3D場景
《把1000個(gè)設(shè)計(jì)師做成飲料》3D場景
08 手勢書寫類交互- 交互類型
輔助類- 留存率：適中因?yàn)椴僮鲝?fù)雜，所以這類交互在營銷H5中出現(xiàn)較少，就算出現(xiàn)，也通常會(huì)簡單化來進(jìn)行設(shè)計(jì)，在案例中，也主要起錦上添花的作用。
如果不是主題的特別需要，通常不建議加入這種操作方式，必定有些過于復(fù)雜了。
《我的首發(fā)同名專輯》簽名頁面
《眼瞎大冒險(xiǎn)》畫畫頁面
09 重力交互- 交互類型
輔助類- 留存率：較高通常說，我們可以利用一些小交互，來增添頁面關(guān)注度與趣味性，例如，手機(jī)陀螺儀的調(diào)用和重力交互的加入。
可別小看了這個(gè)小小的重力交互，很多人就是因?yàn)檫@點(diǎn)細(xì)節(jié)才最終留存下來的。
《改革開放40周年，你的年代記憶》重力頁面
《拉鉤4周年H5》菜單重力頁面
10 360度滾動(dòng)交互- 交互類型
內(nèi)頁操作- 留存率：適中不同于3D場景類交互，360度滑動(dòng)交互，并不一定需要3D技術(shù)，而主要目的是能夠呈現(xiàn)立體場景。
這類交互方式非常適合應(yīng)用在空間性較強(qiáng)的展覽、活動(dòng)、室外等場景。當(dāng)然，操作往往也都比較復(fù)雜，設(shè)計(jì)這類交互其實(shí)是要盡量做減法，而不是加法。
《創(chuàng)造力美術(shù)館》360頁面
《2016淘寶造物節(jié)》360頁面
以上就是小站這次給大家分享的10個(gè)最常見的營銷設(shè)計(jì)交互了，其實(shí)看完本期內(nèi)容你會(huì)發(fā)現(xiàn)，簡單的并不一定就不好用，復(fù)雜并不一定就真正有效。
一切的設(shè)計(jì)都來源于操作者的行為本身，就算是營銷廣告也不例外！未來，小呆也會(huì)為你分享更多的，營銷交互設(shè)計(jì)知識(shí)。
不管你是設(shè)計(jì)師、文案、策劃還是創(chuàng)意人，只有懂了營銷類的交互，未來應(yīng)對工作才能更得心應(yīng)手！
好了，這就是小呆這期的分享了，讓更多人看到好作品，讓更多人看到作品背后的價(jià)值，希望今天的分享能讓你有所收獲，歡迎關(guān)注小呆的H5小站！
數(shù)英用戶原創(chuàng)，轉(zhuǎn)載請遵守規(guī)范
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（6條）