想提升轉化率，你一定要了解的10種營銷交互！
數字營銷的范疇如今越來越廣，除H5外，隨著5G來臨，互動視頻、戶外大屏、互動裝置等等......
可以說,只要是未來有屏幕的地方，就一定會有廣告，而這些廣告，也一定要伴隨更多交互，這些交互方式，就是營銷交互。
在廣告行業，大家會把他稱作是“互動”，而其實，隨著行業發展和細分，這個“互動”早就不簡單了，他往往會關系到打開率、用戶留存、購買轉化這些非常重要的信息。
這期，小呆會為展現10種最常見，營銷交互方式在H5中的運用，希望能為你帶來新的思考和啟發！
01 滑頁交互- 交互類型
轉場- 留存率：高滑動頁面交互，是H5中最常見的交互方式，主要作用是轉場，因為大家比較熟悉這類操作。所以，在滑頁時，觀看者流失率比較低。
又因為這類交互方式單一，所以，行業中有一個5-8頁最佳滑頁數上線的說法。但其實，同樣的滑頁轉場，如果能夠有不同的轉場花樣，就能彌補呆板，見下圖《致匠心》。
《致匠心》的轉場交互
《我們之間就一個字》的轉場交互
02 長滑頁交互- 交互類型
轉場- 留存率：較高和滑頁不同，長頁面交互在轉場時，不會有那種不連貫的感覺，從而能夠減少流失率。
但通常說，頁面內容也不合適設計過長，這很容易造成觀看者乏味。
而且，除上滑動外，其實我們可以設置左右互動，這樣也許能帶來更強的新鮮感，例如下圖H5《360°記者會》。
《兩個人，如何做一款排行前十的APP》長滑頁
《360°記者會》左右長滑頁
03 長按交互- 交互類型
轉場- 留存率：較高長按交互是指，通過長時間按壓屏幕，來達到內容播放和轉場的互動方式，通常說，有提升注意力的效果。
但和長頁面交互特征一樣，不適合長時間按壓，而且在長按時，最好能夠有相關進度參數，像是《1分鐘漫游珠港澳大橋》中的公里數顯示。
《陪伴常在 無距思念》長按交互
《1分鐘漫游珠港澳大橋》長按交互
04 視差滾動動畫交互- 交互類型
轉場- 留存率：極高可以說，這是目前最常用，又具備極高留存率的頁面交互，和長頁滑動不同，視差動畫因為在頁面運動時，頁面元素能夠呈現出不同的運動軌跡，所以，能更好提升觀看者關注度。
而且，視差動畫的形式也比較多樣，容易制作出極為特殊的效果，像是H5作品《自白》。
《自白》的視差動畫
《世界杯光陰的故事》的視差動畫
05 行為引導交互- 交互類型
內頁操作- 留存率：適中行為引導類交互，通常在關鍵內容步驟時出現，用于提醒觀看者進行操作，可一旦使用不適當，就會有非常差的體驗感。
這類交互也是H5中比較難使用的一種，看似簡單，但其中要考慮的用戶行為因素卻非常的多。
《修復文物 遇見文明》案例中的行為交互
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小站！
數英用戶原創，轉載請遵守規范
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（6條）