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

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

相关推荐

  • 2018’IIDC信息与交互设计教学研修班开始报名了!

    点击信息与交互设计关注我们!资深教授的专业教学指导+行业专家的实际案例分享力求打造最有深度的课程培训5.10-5.12信息与交互设计专业委员会联合广州美术学院定于5月10日~12日在广州美术学院举办"信息与交互设计教学研修班"。本次研修班将特别邀请清华大学美术学院基础部主任、国家社科基金重大项目首席专家邱松教授就国家社科基金项目申报工作进行详细的解析与交流,同时邀请广州美术学院工业设计学院院长陈江教授;武汉理工大学艺术与设计学院副院长方...

    2018-04-20
  • 游戏交互设计心得分享:从代入感与反馈感入手提升打击体验

    前言经常听到一些设计人员、产品经理、甚至是一些交互体验”大师“的言论——【这个操作太麻烦了,需要操作好几步,体验太差了!】亦或者【这个功能藏的太深了,你有考虑过用户体验么?】之后不知怎么的,设计游戏或者软件的人员经常会把这几句话挂在嘴边。无论做什么,3句话里面保准带一句上述“金句“。所以近段时间,你会发现打开一个游戏或者软件,第一眼的界面,功能堆积,眼花缭乱,不知从何下手。我觉得,经常拿着两句话一刀切的人太幼稚,太低级了。所以我今天斗胆...

    2018-02-20
  • 干货|关于用户体验,你想知道的都在这里

    昨天,高高老师邀请了北师大本部三位学长学姐分享了心理学用户体验的相关知识以及职业发展的经验。三位主讲者分别是:如如学姐、喵喵学姐、大洲学长,都来自北师珠12级应用心理学系。问:用户体验(UX)到底是什么?答:其实行业内并没有统一说法,我觉得它作为一个动词来说可以指一项研究活动,通过用户体验的研究方法去探究用户在某个情境下的痛点或者是需求,然后再恰当地运用用户体验设计去满足他们的痛点和需求;而且人的需求总是随时间和时代的变化而变化,所以用...

    2018-04-01
  • 用户体验设计 - 快问快答

    首先感谢大家关注我。上篇文章收到了很多小伙伴的反馈,很多人说想多看我更新与用户体验有关的文章,也有反应说有文章长度过长。所以这篇文章我用了快问快答的形式,回答了几个新手用户体验设计师比较关心的问题。因为我自己也是转行做UX,所以希望我走过的弯路大家可以绕过去一些。欢迎大家把我的文章发给其他小伙伴,一起共同进步。也欢迎大家给我意见与建议,你们的观点对我真的很重要!(这次文末有彩蛋)1.什么是用户体验(UX)?这是一个很大的问题,就像你问我...

    微信热点 2018-02-02
  • Sketch常用插件介绍

    sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。今天给大家介绍几款常用的插件:一、Sketch Measure一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。在线演示: http://utom.design/news/二、Craft帮你提高效率的自动填充神器a.文本自动填...

    2018-04-12
  • 【干货知识】最全面的交互设计原则和理论汇总(下)

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】防错原则:防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。通过改变设计可以把过失降到最低。该原则最初是用于工业管理的,但在交互设计也十分适用。如在硬件设计上的 USB 插槽;而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免勿按。如上图所示极客公园的评论功能快,在留言框没有内容或邮箱格式不正确的时候是无...

    2018-04-11
  • ​50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载

    50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载素材下载方法:长按识别二维码,用微信扫描或者长按识别二维码即可加入。并不是只是下载这个素材。超过200G精品素材全部任意下。素材不断更新,添加。。。有任何问题,请联系微信uisheji----------------------------------------欢迎订阅,查看更多精品UI设计素材下载,请关注公众号mobileui

    2018-04-08
  • 用通俗的方式告诉你什么是交互设计

    文章底部可领取设计资源(软件、笔刷、视频教程等)↓↓↓通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了...

    2018-04-08
  • 文娱寄卖 | 京东用户体验部喊你来填调研问卷啦!

    全文字数:  1800阅读时间:   6分钟嗨,收藏大咖们你们好!我是来自京东集团电子文娱技术研发部的一名用户体验师。刚接触京东文娱寄卖业务的时候,我并不太熟悉邮币卡、书画等市场,只是经常听朋友和亲戚讨论文玩藏品。当与很多邮币卡商、书画商沟通之后,我看到的是20多年的坚守、30年不变的初衷以及因线下市场低迷导致的生活压力。顷刻间我明白了,京东文娱寄卖商城的人文情怀,这其中是对行业的挚爱以及解决用户需求痛点的执着。用户体验部钱币溯源,追忆...

    2018-04-25
  • 五个提升用户体验的分析要素

    原文链接:https://uxdesign.cc/analytics-for-better-ux-c0128c0da55e用户体验是区分产品优劣的核心元素。为了提高转化率,你会试着仔细的检查产品的用户体验,但是应该如何着手呢?你要如何找到痛点并弄清用户的真正需求呢?不去研究调查就编造借口,觉得你知道确切问题所在当然是很轻松的。但是你必须保持谦卑,机敏,通过客观的分析来得出结论。流行的分析软件挺多的,列举一些:Google Analyti...

    2018-03-02