广告与用户体验只能二选一?

最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体验造成很大的影响,特别是移动端,因为屏幕有限更是“寸土寸金”,一不小心就会引起用户反感...

广告与用户体验只能二选一?

最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分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


广告与用户体验只能二选一?
广告与用户体验只能二选一?

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36242/

(0)
交互精选交互精选
上一篇 2018-04-04
下一篇 2018-04-04

相关推荐

  • 大数据应用的用户体验分析

    版权所有©德塔精要,转载请注明出处用户对产品或服务的认同是由用户体验的过程所决定的,一个具备良好用户体验的IT系统对内可以提高员工工作效率,对外可以提高客户满意度和忠诚度,最终为企业带来不菲的经济效益或社会效益。因此,组织的IT战略必须实现IT与业务的融合,面向客户和关注用户体验管理。但目前用户体验管理是当前IT业务运营的弱项,也许我们能够了解IT资源的每个细节,但却不知道用户感受怎么样,不利于IT系统的优化和完善。缺乏用户体验管理以及...

    2018-03-12
  • 干货分享 | 交互领域不可不知的设计法则

    本文转载自“熊猫设计院(ID:MUXDesign)”,已获得作者授权,未经许可禁止转载。前言:交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。01希克定律(Hick’s Law )简介希克定律指的是:一个人面临的选择...

    2018-04-08
  • 学交互设计,怎样选择到适合自己的学校?

    欢迎关注弗斯特国际艺术教育出国留学选择学校,哪些会成为你的考虑因素?学校名气超大,排名都是top级?明星校友超多,都是艺术大佬?学校位置超好,正居于市中心?校园环境超美,好似旅游学习?不得不说这些会成为许多学生和家长,在选择目标院校时经常考虑的一些因素。排名、明星校友、地理位置,可以作为参考依据。BUT!这些不能是最终的决定因素,最重要的还是自己对专业的最终追求。交 互 设 计 详 解交互设计又称互动设计,英文名称为Interactio...

    2018-04-03
  • 不会编程?Axure一样可以做网站

    说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做网站。接下去将分为几个步骤去阐述:1. 这些我们必须知道的小知识axure是可以生成html文件的,这为我们使用它来制作网站提供了可能性axure只能搭建小型的个人网站 ,他不具备数据库,比较适合做展示类的网站和普通网站构建一样,我们需要购买域名和购置虚拟服务器2...

    2018-03-04
  • 小欣浅谈 | 用户体验为什么如此重要

    前言说到我们日常所使用的那些产品和服务,我们对它们的情感可谓爱恨交织。它时而让我们为之欢呼雀跃,时而让我们感到挫败沮丧。时而让生活变得简单明了,时而使生活复杂无常。即使这样,我们每天还要和不计其数的产品打交道。而我们的产品开发人员,注意力的重点往往在95%以上都放在产品本身,而用户使用过程中的体验却常常被忽视。而这部分,常常成为一个产品投入市场后的隐形“杀手”。|糟糕的用户体验以我们办公室的饮水机为例:加水的按键分为“高\中\低”三档,...

    2018-04-16
  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • 增强现实正在提升用户体验

    当苹果的CEO Tim Cook在一次季度财报电话会议上,向分析师说出“增强现实将会改变一切”这句话时,人们都感到了一丝震惊。而现在看来,库克对增强现实(AR)的评价似乎并没有过分夸大。事实上,增强现实技术正在为各种应用创造出一个全新的范例。毕竟,我们已经很快地从在电脑键盘上打字,“进化”到了用智能手机打字或滑动屏幕,又或者是用语音来告诉Alexa或Siri来帮我们做什么事。现在AR把我们带到了全息计算时代。Animoji、Pokémo...

    2018-03-28
  • 交互设计之流程设计(1)

    流程设计是将信息架构转变为交互稿的重要步骤,什么是流程设计呢?简单来说,就是用户完成一项任务的步骤流程,用户是怎样一步一步的完成任务的。本文将从流程设计重要性、如何进行流程设计、流程设计与交互工作三个方面来阐述流程设计。一、流程设计的重要性流程设计对于用户体验来说非常重要,一个好的流程设计将会给用户带来非常的体验。在这里从流程设计是什么、流程设计中需要考虑的问题、优秀流程设计的好处三个方便来进行讲解。1 流程设计是什么首先理解交互设计是...

    2018-05-06
  • Sketch快捷键速记表(中英对照)

    Sketch 是一款好用快捷的设计软件,很多做UI设计的同学开始从 PHOTOSHOP 转向 SKETCH,使用它不仅可以做 WEB 和 APP UI,也可以用它来制作高保真原型或交互稿。如果你刚接触这款软件,那么熟记他的快捷键会大大提高你的作业效率,下面是最新的 Sketch 快捷键一览表,可以让大家快捷查询或记忆Sketch的快键。原文地址:http://www.shejidaren.com/sketch-kuai-jie-jian...

    2018-04-16
  • 百度UED:运营设计那些事儿

    数十万互联网从业者的共同关注!作者:百度搜索用户体验中心 授权早读课发表,转载请注明出处。在现如今的社会中,每天都在进行着一场场没有硝烟的商战。运营设计则是至关重要的一部分。那么怎么才能做出一个好的运营设计或者一个相对比较成功的运营设计呢?我们要知道设计的目的。设计的目的是什么?设计核心在于能够让用户在有限的时间内Get最有价值的信息,找到所得,从而实现转化。知道设计的目的了,在项目中自然形成了一些思路流程。1、需求分析需求分析分为:产...

    2018-01-31