广告与用户体验如何共存？

今天给大家分享的是来自UI中国会员-海舟Ocean 关于广告营销相关设计的一些经验总结。

最近公司的移动端产品在优化广告投放，其中也遇到了不少的困惑，我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后，整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。

遇到的困惑

我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益，但与此同时不恰当的广告也会对用户体验造成很大的影响，特别是移动端，因为屏幕有限更是“寸土寸金”，一不小心就会引起用户反感。那么如何平衡广告收益和用户体验就是需要我们重点考虑并解决的了。

如何合适地呈现

首先我们应该了解一下移动端界面中常见的广告形式有哪些，然后根据它们吸引关注和产生体验的不同程度再来分析应该如何合适地呈现。

1、banner

这里的banner除了我们常见的位于页面顶部的横幅大图，还包括穿插在不同模块之间或者浮于Z轴最顶层的通栏广告条。banner的展示更直观，能快速吸引用户关注，当然弊端就是占据面积过大，如果内容不是用户感兴趣的会引起反感。

吸引关注：⭐️⭐️⭐️⭐️

用户体验：⭐️⭐️

如何合适地呈现：

几乎所有产品的横幅大图都出现在页面顶部，用户已经形成了习惯认知，那么我们最好不要打破它。另外既然它已经占据了如此大的面积，请好好珍惜这个展现机会，不要随随便便放一张上去。比如下图，甚至连banner上的文字都看不清楚。

通栏广告则往往是第三方投放的商业广告，计费方式一般是根据点击次数。如果是放在一个操作流的页面，要避免它被放在操作流之后，因为完成操作流之后用户往往就会离开页面，在操作流之后的广告就不会被注意到。下图「视频壁纸」中的广告，在整个操作流（选择照片-右上角保存）之外，不容被用户注意到。

如果是信息流的页面，则避免它被放在距离焦点信息过远的地方，因为信息流的页面中用户会重点关注那些焦点信息，如果距离过远就会被忽略掉。下图中支付完成后的生活号推荐广告就是出现在这个页面的焦点信息（支付数额）附近，很容易引起注意，如果这条广告移到页面底部，很大可能就会被忽略了。（这里的信息流页面特指存在焦点信息的，类似于社交类产品的feed流后面会单独说到。）

此外，浮于Z轴最顶层的广告应该有关闭或者收起按钮，因为它往往会遮挡下方信息，如果用户对广告内容不感兴趣可以立即关闭或收起。

2、公告

通常出现在电商类产品，通过滚动消息的形式呈现，以纯文本居多。相较于其他形式更简洁，不占过多面积干扰其他信息，但缺点就是往往会让用户忽略掉它。

吸引关注：⭐️

用户体验：⭐️⭐️⭐️⭐️

如何合适地呈现：

最好采取多条信息滚动的方式，因为动态的相比于静态的更吸引关注。模块名称最好单独设计一个logo，或者给信息加上一个主题色的标签，相对于纯文本更吸引关注。比如上文出现的「京东快报」。

另外在失去视觉效果的情况下，对文案的要求就会提高，如何写一个吸引的标题就成了需要重点考虑的问题。

3、弹窗

通常出现在第一次进入某个页面的时候。视觉冲击强，吸引用户全部的注意力，但缺点就是会打断用户操作，内容不是用户感兴趣的会引起极大的反感。

吸引关注：⭐️⭐️⭐️⭐️⭐️

用户体验：⭐️

如何合适地呈现：

这种方式比较极端，一旦用了请好好珍惜这个机会。需要注意的是，不要做多层弹窗！关闭按钮尽量放在顺手的地方（比如页面下方），这样即使用户不感兴趣也可以马上关闭。

4、启动页

这也是一种比较常见的方式，几乎在所有产品上都能见到。这种方式合理地利用了资源，避免等待页面加载的这几秒让用户觉得枯燥。

吸引关注：⭐️⭐️⭐️⭐️⭐️

用户体验：⭐️⭐️⭐️⭐️

如何合适地呈现：

可以用短视频的形式代替图片，往往会更有趣。时间不宜过长（3-4s为佳），可选择跳过。

5、信息流（feed流）

常见于社交类产品中。在外观上往往与其他信息拥有很高的相似度，正因为如此，所以不会对用户造成很大的干扰，让用户在不知不觉中就完成了浏览。

吸引关注：⭐️⭐️⭐️⭐️

用户体验：⭐️⭐️⭐️⭐️⭐️

如何合适地呈现：

尽量与信息流中的其他信息视觉上高度相似，千万不要做成看起来像通栏广告那样。比如上文出现的「微信」朋友圈广告和「抖音」的视频广告，都是与相邻信息在视觉上高度相似。而下图「微信」公众号正文中的广告则显得很突兀。此外，加上一个「不感兴趣」的按钮也可以帮助我们下次更精准地推送。

6、视频贴片

出现在所有视频播放类产品的内容开头或者中间。吸引用户全部的注意力，无法关闭无法跳过（除非充钱），也正因为如此，如果广告内容用户不感兴趣的话就会如同噩梦般的存在。

吸引关注：⭐️⭐️⭐️⭐️⭐️

用户体验：⭐️

如何合适地呈现：

当然我认为我们为优秀的影视资源付费买单是无可厚非的（无论是看广告还是付费充值会员归根结底都是付钱给视频平台）。但是需要注意的是，应该根据影视资源的热度来调整广告的时长，不要让有些本就冷门的资源被长时间的广告扼杀在摇篮里。

7、搜索框&搜索页面

常见于电商类产品中，往往隐蔽到不觉得它是广告。这种方式的劣势就是在用户使用搜索功能的时候目的性通常都很强，不容易被这么隐蔽的信息干扰到，也就得不到关注。

吸引关注：⭐️

用户体验：⭐️⭐️⭐️⭐️⭐️

如何合适地呈现：

可以为某些广告加上「最火」、「最热」的标签，或者干脆做一个搜索热度的排行榜来吸引关注。

8、私信

依赖于账户系统，不适合纯工具类产品。因为隐藏的较深，除非用户主动进入私信页面，不然不会造成任何影响。但同样这也是劣势，很少能吸引到关注。

吸引关注：⭐️

用户体验：⭐️⭐️⭐️⭐️⭐️

如何合适地呈现：

可以结合应用外推送的形式加大关注，也可以适当加强未读私信标记的视觉效果来吸引点击关注。

9、功能入口

常见于节日活动期见，将原本的功能图标替换成活动主题图标。它的优势是不额外占用空间就将广告完美的融入到界面中，劣势是如果用户不熟悉之前的功能且图标又没有文字说明的话（或者文字很隐蔽）会让用户感到困惑，从而大大降低了用户体验。

吸引关注：⭐️⭐️⭐️⭐️

用户体验：⭐️⭐️⭐️

如何合适地呈现：

在图标下面清晰地标明文字，并且不要更改这些功能入口原本的布局、顺序和数量。

除此之外

除了以上提到的，我们还有哪些小窍门可以既吸引用户关注广告，又不严重地影响他们的体验呢？

1.结合时间 / 定位 / 海量用户数据精准推送

我们见的比较多的是出现在微信朋友圈，不同的用户常常出现不同的广告。这种区分用户精准推送的方式往往不容易引起反感。此外，特殊时间特使地点的广告推送有时候还可以帮助到用户，比如在暑假前夕打开旅游类产品为你推送暑期游的广告。

2.相比于图片，视频更具吸引力

在上面提到的弹窗、启动页、信息流这些展示方式里，灵动的视频往往比呆板的图片更具吸引力。

3.非界面内（推送／短信）

借用界面外的形式吸引用户直接进入活动详情或者商品详情页面，为界面内的广告适当分流。

4.通过广告获得报酬

通过获得报酬吸引用户点击浏览广告，牺牲一小部分利益（反馈给用户的报酬）去换取更大的利益（广告收益），常见于游戏类产品中。

总结

首先我们应该清楚广告之于我们的产品是有益处的，只有明白了这点我们才可以静下心来去分析如何平衡吸引关注和用户体验。再之后选择一种合适的形式去呈现它，呈现的过程中尽可能考虑到上文中提到的点。此外需要注意的是在吸引关注和用户体验的程度上，我们尽量做加法不要做减法，尽量去提升相对较弱的那一项而不是削弱较强的那一项。最后请谨记，一切脱离实际业务流程谈用户体验的行为都是耍流氓。

参考：

媒体类App的广告形态，我整理了20种

http://www.chinaz.com/manage/2017/0612/729532.shtml

移动端App广告常见的10种形式

https://www.jianshu.com/p/0972198b27cc