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

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

相关推荐

  • 交互设计如何备考?二战学姐带你领略考研那些事

    姜嘉琪本科南京大学,信息管理与信息系统专业清华大学美术学院公布拟录取名单一周之后,心里那种不真实感终于平复下来。这是我第二年参加考试,至此也算是最好的结果了。为什么考研我本科的专业其实也算是个“交叉学科”,范围广必然深度不足,所以我一度非常迷茫,不知道未来究竟想做什么。后来上了一门《人机交互》的选修课,第一次了解到设计上的微妙差别给使用者带来的不同体验,经过反复思考,我觉得产品交互设计这个领域可以算是我个人兴趣、能力、期望最佳的结合点,...

    2018-04-20
  • 集创堂交互设计课程(零基础)详解

    零基础课程5月2日开课,咨询请加微信:yyy8010557经过将近一年的反复打磨,集创堂交互设计课程(零基础)终于出炉了!从内容上来说,这套课程采取了基础设计能力+交互设计思维+项目实战+设计软件学习全方位培养的模式,学员毕业后直接具备实际工作能力;从师资上来说,除了集创堂纯色、潇潇、青木三大导师外,网易云课堂的Nina、拥有六年教学经验的蜡笔强力入驻,课程直接对标网易云课堂;从时间上来说,长达七个月的浸入式学习,听课+作业+实战+讨论...

    2018-04-17
  • 【技术篇】AR应用交互设计时需要思考的3个问题

    首先我们要了解,AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。本文将向大家介绍一些典型的AR应用以及它们的交互方式,并且和大家...

    2018-03-29
  • 课程论文 | 基于用户体验的购物车再设计

    引言PAGE1随着我国经济水平的增长,人民生活水平的不断提高,越来越多的消费者选择去大型超市购物消费,大多数城市居民都养成了定期光顾超市的习惯,把购物同休闲结合起来。体验经济的到来,越来越多的消费者开始关注购物本身是否能带来愉快的体验,这样的体验超出了纯粹的购物,而成为光顾超市目的的一部分。因此,购物不仅仅是出于购物的需求而且还为了获得愉快的体验。而购物车与消费者的购物体验紧密相连。购物车的使用体验对消费者的购物体验影响很大。现有购物车...

    2018-02-13
  • 全面解读!人工智能如何改善五大用户体验?

    点击【阅读原文】,即将IPO独角兽,抓住上市前最后的机会!最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨...

    2018-05-05
  • Axure产品原型在手机上运行的完整教程

    图1 模拟丁香园的高保真原型在一般的开发工作之前,我们通常会设计产品原型,大部分为axure绘制的线框图作为产品的PRD文档,供UI和开发进行前期工作,但是有的时候客户、领导想在开发之前,看到产品的概貌,就必须做产品的高保真原型进行模拟,这时如果做出来的原型能运行在手机端,那再好不过,如图1(注:上图是仿照丁香园的家庭用药,做的一个高保真原型,算是免费给丁香园打广告,是不是考虑给我点广告费?哈哈)。原型制作软件有挺多,不过个人使用之后,...

    2018-03-06
  • 交互设计|康石石浅谈如何创作一本打动考官的作品集

    近年交互设计大热,但交互设计是否如大家所见所想仅是网页及APP设计,申请交互设计艺术留学的同学们又该如何创作帮助自己跨入名校大门的作品集?今天,康石石为大家带来此文,分享交互设计作品集的创作方法(求职作品集可同理借鉴创作思维)。关于交互设计作品集创作,康石石首先向大家强调几点:1.交互设计不仅仅是网页和APP现代交互设计从某种程度上来说虽然和网页与平面设计的联系从发展的时间上看联系较为接近,然而交互设计并不是一个单纯研究电子产品用户界面...

    2018-02-03
  • 阅读类产品中的交互设计逻辑分析

    ↑  点击上方蓝字,加个关注吧~ ↑话题:阅读类产品的交互设计该怎么做?本文共1285字25图,预计阅读时间: 4分钟阅读体验阅读类的产品交互核心所有阅读类产品围绕的产品核心是:阅读体验好的阅读体验会让用户感到熟悉性,由于用户习惯长久的累积,对于阅读产品的使用逻辑,在用户脑海中已经有了一个基础的操作定位。在阅读体验中,不同习惯的交互动作设计所带来体验也不同,通过分析阅读产品中的交互方式,来解剖其交互中设计逻辑。阅读方式我们参考了三款阅读...

    2018-02-27
  • 两会唤醒全民关注用户体验

    聚焦2018年全国两会,共有13位人大代表和政协委员提倡在相关领域内发展与提升用户体验,范围遍布于新能源汽车、互联网、通信、教育科研、传媒、版权保护、交通运输与医药等数十个行业,引起了社会各界的广泛关注。两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。叶友达建议,从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。同时要加大对基于用户体验的设计创新的宣传力...

    2018-03-28
  • 结合实际案例,一篇看懂用户体验五个层次

    ♝点击上方“交互设计学堂”关注我们,送电子书看过了很多描述用户体验五个层次的文章,但感觉很多都浅尝而止,今天我特地结合了十来个案例对用户体验进行了一次相对全面的阐述,希望大家在阅读时也能够同样寻找相关产品进行比照和论证,想必会更有收获。概要用户体验设计就是“以用户为中心的设计”,即创造“每件事都按照正确的方式在工作”的用户体验,让用户宾至如归,就像《Don’t make me think》里提到的“这会让用户觉得自己更聪明,更能把握全局...

    2018-04-10