頭條楓林網
文章摘要： 此外需要注意的是在吸引關注和使用者體驗的程度上我們還有哪些小竅門可以既吸引使用者關注廣告
今天給大家分享的是來自UI中國會員- 海舟Ocean 關於廣告營銷相關設計的一些經驗總結。
最近公司的移動端產品在優化廣告投放，其中也遇到了不少的困惑，我翻看了部分APP的廣告展現形式並結合了幾位設計師&產品經理的想法之後，整理總結出了這篇文章。本文將結合實際案例就常見的廣告形式以及它們如何合適地呈現與大家進行分享。
遇到的困惑
我們知道無論是自身的品牌活動宣傳還是第三方的商業廣告都能為公司和產品帶來不小的收益，但與此同時不恰當的廣告也會對使用者體驗造成很大的影響，特別是移動端，因為螢幕有限更是「寸土寸金」，一不小心就會引起使用者反感。那麼如何平衡廣告收益和使用者體驗就是需要我們重點考慮並解決的了。
如何合適地呈現
首先我們應該瞭解一下移動端介面中常見的廣告形式有哪些，然後根據它們吸引關注和產生體驗的不同程度再來分析應該如何合適地呈現。
1、banner
這裏的banner除了我們常見的位於頁面頂部的橫幅大圖，還包括穿插在不同模組之間或者浮於Z軸最頂層的通欄廣告條。banner的展示更直觀，能快速吸引使用者關注，當然弊端就是佔據面積過大，如果內容不是使用者感興趣的會引起反感。
吸引關注：:star:️:star:️:star:️:star:️
使用者體驗：:star:️:star:️
如何合適地呈現：
幾乎所有產品的橫幅大圖都出現在頁面頂部，使用者已經形成了習慣認知，那麼我們最好不要打破它。另外既然它已經佔據瞭如此大的面積，請好好珍惜這個展現機會，不要隨隨便便放一張上去。比如下圖，甚至連banner上的文字都看不清楚。
通欄廣告則往往是第三方投放的商業廣告，計費方式一般是根據點選次數。如果是放在一個操作流的頁面，要避免它被放在操作流之後，因為完成操作流之後使用者往往就會離開頁面，在操作流之後的廣告就不會被注意到。下圖「視訊桌布」中的廣告，在整個操作流（選擇照片-右上角儲存）之外，不容被使用者注意到。
如果是資訊流的頁面，則避免它被放在距離焦點資訊過遠的地方，因為資訊流的頁面中使用者會重點關注那些焦點資訊，如果距離過遠就會被忽略掉。下圖中支付完成後的生活號推薦廣告就是出現在這個頁面的焦點資訊（支付數額）附近，很容易引起注意，如果這條廣告移到頁面底部，很大可能就會被忽略了。（這裏的資訊流頁面特指存在焦點資訊的，類似於社交類產品的feed流後面會單獨說到。）
此外，浮於Z軸最頂層的廣告應該有關閉或者收起按鈕，因為它往往會遮擋下方資訊，如果使用者對廣告內容不感興趣可以立即關閉或收起。
2、公告
通常出現在電商類產品，通過滾動訊息的形式呈現，以純文字居多。相較於其他形式更簡潔，不佔過多面積干擾其他資訊，但缺點就是往往會讓使用者忽略掉它。
吸引關注：:star:️
使用者體驗：:star:️:star:️:star:️:star:️
如何合適地呈現：
最好採取多條資訊滾動的方式，因為動態的相比於靜態的更吸引關注。模組名稱最好單獨設計一個logo，或者給資訊加上一個主題色的標籤，相對於純文字更吸引關注。比如上文出現的「京東快報」。
另外在失去視覺效果的情況下，對文案的要求就會提高，如何寫一個吸引的標題就成了需要重點考慮的問題。
3、彈窗
通常出現在第一次進入某個頁面的時候。視覺衝擊強，吸引使用者全部的注意力，但缺點就是會打斷使用者操作，內容不是使用者感興趣的會引起極大的反感。
吸引關注：:star:️:star:️:star:️:star:️:star:️
使用者體驗：:star:️
如何合適地呈現：
這種方式比較極端，一旦用了請好好珍惜這個機會。需要注意的是，不要做多層彈窗！關閉按鈕儘量放在順手的地方（比如頁面下方），這樣即使使用者不感興趣也可以馬上關閉。
4、啟動頁
這也是一種比較常見的方式，幾乎在所有產品上都能見到。這種方式合理地利用了資源，避免等待頁面載入的這幾秒讓使用者覺得枯燥。
吸引關注：:star:️:star:️:star:️:star:️:star:️
使用者體驗：:star:️:star:️:star:️:star:️
如何合適地呈現：
可以用短視訊的形式代替圖片，往往會更有趣。時間不宜過長（3-4s為佳），可選擇跳過。
5、資訊流（feed流）
常見於社交類產品中。在外觀上往往與其他資訊擁有很高的相似度，正因為如此，所以不會對使用者造成很大的干擾，讓使用者在不知不覺中就完成了瀏覽。
吸引關注：:star:️:star:️:star:️:star:️
使用者體驗：:star:️:star:️:star:️:star:️:star:️
如何合適地呈現：
儘量與資訊流中的其他資訊視覺上高度相似，千萬不要做成看起來像通欄廣告那樣。比如上文出現的「微信」朋友圈廣告和「抖音」的視訊廣告，都是與相鄰資訊在視覺上高度相似。而下圖「微信」公眾號正文中的廣告則顯得很突兀。此外，加上一個「不感興趣」的按鈕也可以幫助我們下次更精準地推送。
6、視訊貼片
出現在所有視訊播放類產品的內容開頭或者中間。吸引使用者全部的注意力，無法關閉無法跳過（除非充錢），也正因為如此，如果廣告內容使用者不感興趣的話就會如同噩夢般的存在。
吸引關注：:star:️:star:️:star:️:star:️:star:️
使用者體驗：:star:️
如何合適地呈現：
當然我認為我們為優秀的影視資源付費買單是無可厚非的（無論是看廣告還是付費充值會員歸根結底都是付錢給視訊平臺）。但是需要注意的是，應該根據影視資源的熱度來調整廣告的時長，不要讓有些本就冷門的資源被長時間的廣告扼殺在搖籃裡。
7、搜尋框&搜尋頁面
常見於電商類產品中，往往隱蔽到不覺得它是廣告。這種方式的劣勢就是在使用者使用搜索功能的時候目的性通常都很強，不容易被這麼隱蔽的資訊干擾到，也就得不到關注。
吸引關注：:star:️
使用者體驗：:star:️:star:️:star:️:star:️:star:️
如何合適地呈現：
可以為某些廣告加上「最火」、「最熱」的標籤，或者乾脆做一個搜尋熱度的排行榜來吸引關注。
8、私信
依賴於賬戶系統，不適合純工具類產品。因為隱藏的較深，除非使用者主動進入私信頁面，不然不會造成任何影響。但同樣這也是劣勢，很少能吸引到關注。
吸引關注：:star:️
使用者體驗：:star:️:star:️:star:️:star:️:star:️
如何合適地呈現：
可以結合應用外推送的形式加大關注，也可以適當加強未讀私信標記的視覺效果來吸引點選關注。
9、功能入口
常見於節日活動期見，將原本的功能圖示替換成活動主題圖示。它的優勢是不額外佔用空間就將廣告完美的融入到介面中，劣勢是如果使用者不熟悉之前的功能且圖示又沒有文字說明的話（或者文字很隱蔽）會讓使用者感到困惑，從而大大降低了使用者體驗。
吸引關注：:star:️:star:️:star:️:star:️
使用者體驗：:star:️:star:️:star:️
如何合適地呈現：
在圖示下面清晰地標明文字，並且不要更改這些功能入口原本的佈局、順序和數量。
除此之外
除了以上提到的，我們還有哪些小竅門可以既吸引使用者關注廣告，又不嚴重地影響他們的體驗呢？
1.結合時間 / 定位 / 海量用戶數據精準推送
我們見的比較多的是出現在微信朋友圈，不同的使用者常常出現不同的廣告。這種區分使用者精準推送的方式往往不容易引起反感。此外，特殊時間特使地點的廣告推送有時候還可以幫助到使用者，比如在暑假前夕開啟旅遊類產品為你推送暑期遊的廣告。
2.相比於圖片，視訊更具吸引力
在上面提到的彈窗、啟動頁、資訊流這些展示方式裡，靈動的視訊往往比呆板的圖片更具吸引力。
3.非介面內（推送／簡訊）
借用介面外的形式吸引使用者直接進入活動詳情或者商品詳情頁面，為介面內的廣告適當分流。
4.通過廣告獲得報酬
通過獲得報酬吸引使用者點選瀏覽廣告，犧牲一小部分利益（反饋給使用者的報酬）去換取更大的利益（廣告收益），常見於遊戲類產品中。
總結
首先我們應該清楚廣告之於我們的產品是有益處的，只有明白了這點我們纔可以靜下心來去分析如何平衡吸引關注和使用者體驗。再之後選擇一種合適的形式去呈現它，呈現的過程中儘可能考慮到上文中提到的點。此外需要注意的是在吸引關注和使用者體驗的程度上，我們儘量做加法不要做減法，儘量去提升相對較弱的那一項而不是削弱較強的那一項。最後請謹記，一切脫離實際業務流程談使用者體驗的行為都是耍流氓。
參考：
媒體類App的廣告形態，我整理了20種
http://www.chinaz.com/manage/2017/0612/729532.shtml
移動端App廣告常見的10種形式
https://www.jianshu.com/p/0972198b27cc
作者：海舟Ocean
UI中國主頁：http://i.ui.cn/ucenter/312034.html
更多設計經驗分享，可以戳「 閱讀原文 」哦！
更多閱讀：
設計師還是需要一定的手繪基礎的
決定拍出視訊好壞的不是裝置，而是你的技巧和創意！
–關於我們—
UI中國 專業使用者體驗設計平臺
主站：www.ui.cn
新浪微博：@UI中國
合作請加微信：18931333875
