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

今天给大家分享的是来自UI中国会员-海舟Ocean关于广告营销相关设计的一些经验总结。最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体...

今天给大家分享的是来自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


作者:海舟Ocean

UI中国主页:http://i.ui.cn/ucenter/312034.html

更多设计经验分享,可以戳“阅读原文”哦!


更多阅读:

设计师还是需要一定的手绘基础的

决定拍出视频好坏的不是设备,而是你的技巧和创意!


--关于我们---

UI中国 专业用户体验设计平台

主站:www.ui.cn

新浪微博:@UI中国

合作请加微信:18931333875


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

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

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

相关推荐

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

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

    2018-04-03
  • 艺术留学新宠—交互设计选"综合类"院校和"艺术类"院校有何差别?

    在当下这个数字智能急速发展的时代,交互设计成为了热门探索领域,同时它也是当下最受欢迎的留学专业之一。相较国外,国内开设交互设计专业的院校较少,即便有,也是和工业设计专业剪不断理还乱。而真正的交互设计包含的范畴更广,这一点从国外不同院校的交互类专业方向上可以看出,其教育框架完全在APP这一分支之上,而表现形式也不局限于媒体、数字、艺术、装置等。对于想要申请国外顶级交互专业院校的同学来说,确定好自己想要探究的专业领域是选校时的重要参考标准。...

    2018-05-07
  • 知识分享直播——用户体验招募

    如果你曾经沉迷直播,为喜欢的主播刷飞机火箭;如果你曾经将直播当作你学习的途径,获取信息;如果你对当下的直播平台设计有想法和建议;如果你希望在看直播的同时,不用送礼物,还能赚些小钱;如果。。。其实,没有这么多如果,只要你想参与到影响直播平台的用户体验设计的活动中,只要你不是直播的小白,那么请毫不犹豫地来参与我们的用户体验实验。我们会提供不低于50元人民币的报酬。01—研究课题在现行的直播用户界面的基础上,我们设计了一个辅助知识分享型主播及...

    2018-04-08
  • 你们做交互设计都使用哪些权威的工具呢?

    达内UI设计,中国UID课程标准制定者工具是设计师的重要榜首,好的设计离不开好的工具,那么你交互设计都使用哪些权威的工具呢?本文为大家总结一下。哪里能学到企业需要的设计技术?2018学设计到哪里学就业更好?零基础学设计多久能学会?转行学设计学完好就业么?1月达内UI免费训练营火热报名中,全程大咖级讲师亲授,为你解析UI行业发展趋势,就业前景,帮你了解设计,轻松入门,更快一步成为设计大牛!马上阅读原文或者回复:姓名+电话+城市报名吧!好消...

    2018-01-30
  • 开始自己的建筑笔记 | Sketch Journal 作品展示

    大家是否在网络时常看到精美的建筑师手绘本?是否也准备打造一本属于自己的建筑笔记?今天为大家带来笔者大一阶段的Sketch Journal。笔记虽不算精美,但却是自己一年辛勤努力后的结果,它记录的不只是这一年的想法,更是自己一年的学习历程。相信这也是大家在不断完成自己的建筑笔记时最享受的一个过程吧。建筑笔记的几点心得:慎用大尺度手绘本!笔者本科第一年的Sketch Journal选择了A3尺寸,结局是很悲惨的。你需要付出比常人多的时间去完...

    2018-04-21
  • 《2017中国设计行业价格报告》——交互设计

    《2017中国设计行业价格报告》——交互设计创意点亮生活设计美好人生创意设计一个有温度有格调的公众号合作、投稿:cda-zj@vip.163.com微信:13777850472微博:@浙江省创意设计协会

    2018-02-14
  • 『设计|交互设计』2018年交互设计趋势解析

    本文转载自:设计前沿2018年交互设计趋势解析2018视觉趋势Pantone 2018流行色:紫外光色Pantone 官方翻译为「紫外光色」,紫外光色是强烈挑动思绪与深思的紫色调,传达独创性、创造力及前瞻性思维,为我们指向未来。彩通:18-3838 紫外光色颜色代码:#5f4b8bRGB:R 95,G 75,B 139CMYK:C 71,M 73,Y 7,K 8从2017年下半年开始,紫色配色的作品开始很多,所以2018年这个色也是一个...

    2018-04-25
  • 【专访】全美交互设计No.1:卡内基梅隆的实验性字体设计课程

    卡内基梅隆设计学院美国最Top交互设计专业辛向阳老师毕业于此此学校的毕业生大多会输出到硅谷顶级的互联网公司:google\facebook等今期为大家推荐一位学生的学习心得周于阡Bettina Chou过去4年在卡内基梅隆大学,给了我许多机会学习各种各样的设计,不管是UX/UI, 传媒设计或课外作品,我都希望作品能给观众带来欢乐。我认为任何经验都能发出灵感,所以总是在吸收新东西。现在我正在:念村上春树写的 “Absolutely On ...

    2018-03-28
  • 全民关注用户体验的时代已经到来

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

    微信热点 2018-03-22
  • 用户体验设计专题——前言

    元宵佳节一过,春节假期正式步入尾声,相信大家的工作也已步入正轨。为了感谢大家对我们这个略显晦涩却干货满满的公众号的支持,经过系统梳理,我们归纳总结了9个用户产品设计的基本原理,结合从数千个小流量评估实验中筛选的经典案例予以阐述,在未来两个月的时间里,会逐步分享给大家!废话少叙,步入正题!笼统地说,用户体验(User Experience,简称UX或者UE),是指用户在使用一个产品、系统或者服务时建立起来的纯主观感受。这里我们会关注两个重...

    微信热点 2018-03-02