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

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

相关推荐

  • UI|人性化交互设计 美食订餐网站

    类别:美食网站设计:BASOV(乌克兰)今天品牌先生为大家分享乌克兰 BASOV 工作室设计的一款美食订餐的网站。从选餐到订餐下单,设计师进行了很便捷的交互设计,让网站尽到最大的便捷和简约,这样客户也会爱上这样的网站。网站的建立不单单是界面UI设计出漂亮的界面,包括客户的需求和网站的结构等等,此款网站在前期原型交互设计上的用心在图中也都体现了出来。▼(品牌先生独家整理,转载请告知或注明出处)UI-- END --请点击下方“阅读原文”去...

    2018-02-21
  • 用通俗的方式告诉你什么是「交互设计」

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-04-11
  • 【线下沙龙】产品经理交互设计大会

    2018年产品经理交互设计交流分享大会活动背景一个优秀的产品经理不仅能引导产品的发展,而且还能引导公司的发展。同时,他还是一名优秀的执行者、项目管理和团队管理者,具备敏锐的洞察力,能在用户心理和产品细节间灵活游走,打磨出令人惊叹的产品。所以,在成为CEO之前,先成为一名出色的产品经理吧。然而当我们投入到实际工作中时,总是一次又_次遇到阻碍:和运营、枝术部门沟通不畅,项目推进难。公司要求不高,任务很轻松就能完成,想要挑战大公司,却深知自己...

    2018-04-22
  • Sketchelp·2018暑期工业设计考研课程

    还是你们熟悉的Eric,还是你们熟悉的二师兄。2014年的夏天,天气热的没羞没臊,我们第一次开辅导考研手绘,那时只有三个人,一套笔。那时很开心,每天举着煎饼果子画手绘。两周年,四学期,已完善的课程,将在这个暑假全新开始:是不是临摹还行,轮到自己设计就歇菜?想知道有没有考研的“套路”?一个产品换个角度画,却死活画不出?产品+交互界面真的有很难?故事版的卡通形象一点也不卡通怎么办?“那天”万一考卷画坏了怎么办?答案都在这里。。。真实一线从业...

    2018-05-04
  • 开发者从用户体验的角度聊《Getting Over it 》

    原文作者: Lars DoucetBennett Foddy制作的游戏向来都很奇怪,有时甚至会故意激怒玩家。尽管这类游戏完全不是我的菜,但我还是一玩就停不下来。Bennett最近刚刚发布了一款名为《和班尼特福迪一起攻克难关(Getting Over it with Bennett Foddy)》的游戏,它的灵感来源于一位捷克游戏开发者Jazzuo在2002年推出的一款B类游戏经典《迷人远足(Sexy Hiking)》。上述两部作品带有相...

    2018-03-21
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • UED专访 | 张永和、王昀:寻找未来城市共生的答案

    📌编辑、剪辑| P.S📌采访| YHz2017年10月16日,全球天文学界联合发布一项新的重大发现,在1.3亿光年外,双中子星合并产生的引力波带着他的伴侣首次造访地球,这次长途跋涉的旅行为人类探索宇宙打开了新的大门。从爱因斯坦预言引力波到如今的发现,百年间,人类在探索未知空间的同时,也不断改造着我们的生存家园。着眼当下,我们对未来城市有何新的畅想?下文中有张永和、王昀专访视频不要错过!!!未来城市探讨在UED之前的采访中,厦门大学建筑与...

    2018-02-08
  • 美国交互设计综合类&艺术类院校申请侧重点有哪些?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-13
  • 电视交互设计的一些事 | 设计基础15

    两年前,我总结过《Apple Watch交互的一些事》,简单的分享了下手表小屏幕的交互设计。而在过去一年多的时间里,我有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。✨硬件+远距离操控——基本交互基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一、 遥控...

    2018-01-30
  • 交互设计毕业的小哥哥小姐姐都在做什么?

    Rania Svoronou作品Written In Sand | Interactive InstallationWalk Me | Internet of ThingsSound Clock | Internet of Things with IntelWhere Were You Last Night? | Art Intervention试听课开始啦,欢迎大家预约平面设计交互设计产品设计三大专业体验课开始啦,带着你的作品集,我们...

    2018-04-30