界面上的广告 - UCD大社区

全屏弹出广告交互设计探讨

崔亥亥 — 2011-10-24 00:37:40

一、广告类型及使用场景

图片JPG或者GIF，屏位高，面积大的广告必须考虑页面加载广告后的流畅程度
用于大型活动推广，频率控制在一季度或一年度一次为宜。

二、设计目标
1、效果好！尽量让茶坊用户都注意到这个活动。
2、干扰小！把对此活动不感兴趣的用户的干扰降到最小。

三、设计要点
1、什么屏位最恰当？

2、是否可以遮挡内容？
绝对不可以！
这就是为什么取消背投而采用其他广告来替代的原因，背投广告（闪屏广告）很受客户青睐的原因是，客户觉得效果好，但是他们基于强迫用户的基础上。
从点击数据来看，这类广告在首页总点击的占比分布在2% – 20%之间。这意味着：有至少80%以上的用户可能对我们的活动并不感兴趣，他们中大部分是带着明确目的来网站使用特定产品的。如果广告内容遮盖了网站内容，将严重干扰这部分用户的正常使用。他们所能做的是无奈地等待广告收起或立即关闭（如果提供了关闭按钮）。不排除有少量用户会因为你的强制遮挡而被迫点击广告，但我们绝不应该为了这几个少量的转化而得罪大部分用户。

3、是否要提供关闭功能？
必须的。还要在cookie中记录下来，用户再次来到这个页面时不要再次出现。

4、是否需要在一段时间后自动关闭？
其实不需要。因为用户阅读广告所需时间的个体差异很大，我们不能为用户统一设置这个时间的长度。第三点已经说的很清楚，提供关闭功能，把控制权交与用户。当没有读完广告，被强制关闭，也是另用户反感的。
下图是最近一次我们检测用户主动关闭广告的时间，验证了我们的设想。图中x轴表示时间，y轴表示经过对应时间后关闭广告的用户数。

如果某些特殊情况下需要自动关闭，可以考虑在广告上显示倒计时，让用户预知还有几秒会自动关闭广告。

5、被关闭后，是否要提供重新展开功能？
常规交互原则：操作可撤销，状态可恢复。
提供重新展开功能可以给部分用户提供在完成主任务后再点回来看看的机会。关闭和重新展开都可以配合动画，以增强页面变动的平滑度。交互方式供参考：

相关话题：界面上的广告源地址：http://www.365ucd.com/index.php/adjiaohu/

谈网络广告的发展与蜕变

wzw828 — 2011-08-03 22:17:11

广告无时无刻在我们的生活中存在着，我们既离不开它，又需要它，它是我们生活中不可缺少的一部分。想象一下，我们生活的世界中如果没有了广告，这个世界会变的多么枯燥无味，所有的产品都可能将是一样的包装，一样的功能……

网络广告，早期由于硬件和网络环境的限制，其展现形式极其有限。广告形式以文本链接广告、网幅广告、电子邮件广告等形式为主要传播手段。随着互联网技术、硬件的快速发展，传统互联网广告越来越不能满足需求时，富媒体互动广告的出现和发展逐渐成熟并得到了充分应用。到现在，我们即将进入移动互联网时代，以手机为载体的新媒介的诞生，移动网络互动广告将越来越重要，成为网络广告中的新秀和未来。

一文本链接广告

是一种以文字链接形式的，对浏览者干扰最小，访问速度最快，最具效果的网络广告形式；

二网幅广告

以GIF，JPG等格式建立的图像文件，定位在网页中，大多用来表现广告内容的网络广告形式；

网幅广告分为两类：静态、动态；

1. 静态：

静态的网幅广告就是在网页上显示一幅固定的图片，它也是早年网络广告常用的一种方式。优点就是制作简单，并且被所有的网站所接受。它的缺点也显而易见，在众多采用新技术制作的网幅广告面前，它就显得有些呆板和枯燥。

这是Naver shop中的一个商品展示的静态图片banner，banner中大大的绿色标题，与精美的图片相映衬，既能突出文字的表意，也可以将视觉停留在精美的图片之上。

iPhone的广告，相信大家早已不再陌生，一如既往的那么简单，那么经典。没有多余的装饰，只有那一句精炼的广告语和经典的产品设计。

iPhone APP的banner设计，其中的文案“感谢第100万次下载者”。

宝马3系的banner广告，放大的经典的宝马车灯，一眼就能认出，这就是宝马，依然是那么大气，结合音乐活动，体现出这次活动的主题——BMW之悦。

2. 动态：

以一连串动态或闪烁的静态图片形成的具有动态效果的动画。通常采用gif、swf等格式，通过不同的画面，传递给浏览者更多的信息，这种广告并不复杂，尺寸也比较小。正因为动态网幅广告拥有如此多的优点，所以它是目前最主要的网络广告形式。

百度身边的客户端gif banner设计，可爱的百度身边形象，通过手持手机的造型，既诠释了产品特性，又体现出无线客户端的特点。

三电子邮件广告

采用文本格式或html格式，把一段广告性的文字、图片放置在邮件中，也可以设置一个URL，链接到广告主公司主页或提供产品或服务的特定页面的网络广告形式；

电子邮件的广告也已经发展了很多年了，现在我们无时不刻不再被电子邮件广告所轰炸着。一个好的电子邮件广告，能够为用户定期提供所需信息，反之，用户一定会在某个时间点抛弃它。

苹果的邮件广告，主题突出，一句话即说明这次活动的主旨：为母亲节挑选礼物。通过各种女性形象传达着“母亲节”的主题。

四互动富媒体广告

随着网幅广告越来越不能满足需求时，一种更能具吸引的交互方式：以文字、声音、图像、游戏等为元素，以鼠标，键盘等其他输入输出装置为交互操作体验的网络广告形式。

传统的文字搭配图片式广告，电子邮件式广告，由于其发展多年，用户对其所带来的感受已经逐渐淡化，甚至有时候会产生反感情绪。另一方面，传统的文字，图片等广告形式的收益也越来越小。
因此网络互动富媒体广告的出现给网络广告的设计，带来了新的发展空间，flash技术的应用，让广告的展示形式有了新的活力。现在互联网上较为成熟的互动广告也多是以flash和js为主要展现形式。Flash互动广告，在网络互动广告中的贡献堪称卓越。

互动富媒体广告的常见形式：

1. 自动播放：

不需要鼠标交互，即可完成动画的播放，这种方式被大量应用在flash广告中

奔驰汽车的互动广告——广告中没有文案,画面就一个时钟，每过一秒钟，就有一辆汽车开了出去，用画面的意境体现：还等什么 “Let’s Talk!”

2. 单击交互：

不鼠标点击，触发广告交互

大众广告——整个广告以视频播放为创意，点击播放后一路快速驶过的大众汽车，快到浏览者根本无法看到车是什么样子，吸引用户拖拽进度条自己回放观看。

Super Lub 润滑剂广告——广告一上来就是一个小女孩不同的荡秋千，秋千发出刺耳的摩擦声，当你关掉左上角的声音时，产品出现。广告形式简单，瞬间产品的特性就表现的淋漓尽致！

3. 拖拽交互：

按住鼠标拖拽，享受拖拽时画面变化的快感

保险套创意广告——一开始是一个禁止符号，当用鼠标向下拖拽，瞬间变成了一个女性符号，广告的创意意味深长

PUMA互动广告——画面上有一根鞋带提醒你去拖拽，使用鼠标拖拽的时候，会拽出一双运动鞋，形象的说明了，puma的运动鞋是如此得轻薄。

Mini cooper广告——当你拖拽这家伙的嘴角，就从微笑变成了这幅样子。

4. 鼠标跟踪交互：

当鼠标晃来晃去的时候，画面就像被施了魔法一样，你怎么操控，它就怎样播放。

这是一个数字电话的互动广告，用户在banner上左右滑动鼠标，画面上的耳朵就会不停的跟着手机跑来跑去，当追到后就开心的放出心形。

雪佛兰汽车广告——鼠标晃动，会画出汽车行驶的路线，汽车跟随鼠标来行驶。

5. 鼠标事件交互：

通过对事件的选择，交互时间会变化出不停的结果，娱乐十足

iPod nano——当你选择一个Nano后，在背景上点住鼠标晃动，即可看到nano所放的光辉，与电视广告相得益彰。

WWF——地球的向左转，回复到绿色的世界，向右转城市变荒漠

五移动网络互动广告

相对于其他广告形式，移动网络广告，借助于移动终端所特有的硬件或传感器特性，可以具有更强的达到率、互动性、定位能力、传播性、交易能力广告特点，如AR，二维码，蓝牙广告，LBS基于位置的营销活动互动、与其他媒体的网络互动广告。

据相关数据表明，2010年美国移动广告市场规模为7.976亿美元，预计2011年美国移动广告市场规模为12.4亿美元，2015年将达到50.4亿美元。在中国移动广告市场，eMarketer表示中国移动广告市场规模在2011年预计将达到4.45亿美元，预计2012年中国移动广告市场规模将达到7.12亿美元，到2015年该数据将达到13.9亿美元。移动广告市场将是一块新兴的互联网产业。

移动互联网的到来，给我们开启了激情神奇的新世界之门，我们在这里见到了更具革命性的广告形式，原来广告可以为我们的生活带来这样的便利，让我们更加享受移动生活的多彩。移动网络互动广告，不像传统的网络广告，有可能成为给我们带来干扰。移动广告对用户的精准定位，透过各种传感器，位置定位，推送等功能，给用户提供更加适合自己的广告服务；同时，广告的展现形式也已不再像传统互联网广告那样生硬，移动网络广告从硬件环境的提升，以及软件及网络环境的变化，成为了更加富有创意性与交互性的新广告媒介，使用户在得到有用信息的同时，更可以感受到移动网络互动广告所带来的乐趣。

可以说移动网络互动广告给我们现有的广告模式，带来一次革命！

目前，移动网络互动广告分为3种形式

1. 移动网站互动广告

以移动终端浏览器为基础，以移动网页为展现形式的广告，如：移动网页上的文字链接广告、图片广告，以及品牌活动等广告形式；

2. APP植入广告

以APP为广告载体，在app启动或运行中，植入了以iAD、AdMob等第三方广告；

3. App互动展现广告

APP本身即为互动广告的营销平台，如：宜家、Converse等APP应用；

让我们来看看现在一些移动网络广告的案例：

APP启动后的游戏中，在APP上部或下部，显示有广告，点击广告可以进入app store或以浏览器打开进入相应的广告主网站。这种广告模式是以APP为基础，常以免费APP+广告的模式出现。在满足用户需求的同时，也达到了广告传播的目的。

QR应用案例《你的简历够帅吗》

一张个人简历，做一段视频，结合二维码。打印出来。招聘方可以使用手机中的扫码软件，即可看到视频。结合二维码可以很方便的把线下和线上链接起来；

http://v.youku.com/v_show/id_XMjYyNDI2Mjgw.html

宜家（IKEA）AR增强实景技术运用案例

宜家家居的APP，允许你将宜家的产品，以虚拟现实的方式，显示在你的空间中。

http://v.youku.com/v_show/id_XMTkyNjM2MTA0.html

Converse AR互动营销APP

和之前宜家的App创意如出一辙，都是借助增强实景技术，让消费者虚拟体验商品。然后促进购买。

http://v.youku.com/v_show/id_XMjYwMzI3NDAw.html

iPad 内嵌入式广告展示

晃动iPad，下面banner中的相机会根据 iPad的晃动角度旋转不同视图，点击banner后全屏显示，手可以拖动相机360°旋转展示相机的各个角度。

http://v.youku.com/v_show/id_XMjUyOTA5Nzcy.html

Axe在iAd平台上的广告案例

http://v.youku.com/v_show/id_XMjQ5MzI0MDE2.html

总结：移动互联网时代的到来，为我们工作、生活提供了无限的便利与效率，也让我们有了更多的选择，移动网络广告让用户越来越有主动权，用户才是决定一个产品是否有用的，一个广告是否有价值的关键。广告的传播形式的转变，创造了一个新的广告产业。我们在移动网络广告设计中，将有更大的创意发挥空间，更强的传播力。

相关话题：界面上的广告源地址：http://mux.baidu.com/2011/08/1295/

又见淘宝广告

Angela — 2009-12-20 20:40:47

很不想再抱怨淘宝里的广告了，作为一个商业行为密集的平台，有各种各样的广告形式本来无可厚非。

但是，“我的淘宝”中所有的交易记录、收藏品或商家打折卡，都是用户在淘宝所拥有的“个人资产”，应该只单纯记录（至少在用户看来），且应对个人隐私给予一定的尊重。

“我的淘宝”中的数据可以用作营销的依据，但绝不是以“任意篡改用户个人资产”的形式来实行。任意篡改这些记录，让用户没有安全感，还会造成使用上的困惑。

之所以有以上的抱怨，是因为我突然发现，“我的淘宝”里的商家打折卡，又被塞进了广告，而且是以一种很弱智的方式加入的（你见过打10折的会员卡么？）：

我在淘宝拥有为数不少的VIP折扣卡，这些硬塞进来又没有任何使用价值（10折，真是欺负人数学不好啊……）的记录，严重干扰了我寻找真正想要的东西，而且，或多或少影响了那些期望给回头客真正优惠的商家的利益。

相关话题：界面上的广告源地址：http://angela.ucdchina.com/?p=97

2.0的web和1.0的广告

caozenghui — 2009-04-23 15:52:28

在和大量的广告客户的沟通中，相当多的人对当下国内互联网广告的形式是非常不满意的。比较经典的抱怨就是：2.0的互联网和1.0的网络广告，直直接理解的话就是，互联网已经进入2.0了，可是网络广告还停留在1.0的时代，除了横幅还是横幅。

或者你可以说，现在也有了博客，有了社交网站，有了视频分享。对，这是三个web2.0时代最具有代表性的应用。

第一个博客，到目前为止，作为一项大众服务，无论是国内还是国外，blog这一平台都是相当的失败，颇有点像工具类的email，不少人在用，但是无法找到盈利方式。单纯的横幅广告，没有几个客户感兴趣在blog上投放，没有相关度，又追求不到媒体平台的曝光度。

第二个社交网站，社交网站是当下最活跃的2.0服务。同理，目前国外最火爆的Facebook即便用户数已经冲到了2个亿，可还是没有找到一些有点2.0含量的广告模式，要知道，那可是网络广告成熟度渗透率如此高的美国广告市场，中国就更难了。

第三个视频分享。视频网站可以说算是web2.0这一拨里最有出息的一个模式了，也是被认为最有可能创造成功商业价值的形式。不过可惜的就是，视频网站的收入模式不是来源自2.0本身，而是对1.0的退守，也可以说是互联网内容视频化的受益。如今的youtube都在尽可能的退掉分享的帽子，去向hulu这种完全没有2.0气质的毛头小伙靠齐，2.0的精神何在？

可以认为，相对互联网应用的前行，互联网广告的方式正在严重落后。现在来看的话，最最先进的网络广告形式依然是Google几年前发明的“adwords”搜索广告，真正实行了用户需求与广告供给的对接。当然，也实现了广告主利益的最大化。

如何找到需求群体，如何进行有效对话，如何借助2.0的用户关系实现传播，应该是2.0广告的几个点。不过，值得注意的倒是，2.0时代甚至走到3.0，用户只会越来越聪明，越来越难骗。所以，做好产品本身是最大的广告。口碑很难去营销，口碑是好产品形成的。

至于国内，面对的恐怕不光是模式创新，还有那么多不遵守规则的破坏者！

相关话题：界面上的广告源地址：http://www.caozenghui.cn/archives/526.html

09年QQ登录Banner之转变

小螃蟹 — 2009-02-13 08:34:51

面对不断成长的用户，跟随用户的脚步齐步向前，做引起共鸣的改变，去除低龄化的设计，用成熟稳重的心态面对用户。

QQBanner自2006 年推出之后，丰富多彩的登录画面，给予用户许多欢乐。之所以对QQ Banner作出改变，源由公司“防低龄化”的策略，加之QQ2009新的视觉风格，因此围绕大气、稳重、含蓄、富有内涵、提升品质这几点对09年的 Banner进行改变，重在增强Banner影响力，使之意义更重大，意味更深远。
定下这个改变之初，纠集08年的Banner设计师进行了一次小规模脑爆，旨在如何设计出含蓄滴表达内涵，而又不“低龄”，继而感觉大气的Banner。会议前夕，各设计师在RTX中群策群力，搜刮比较有特点的Banner做竞品分析：

众人脑爆得出三种改革方向：其一，保持原有单帧画面形式，采取文字组合方式进行绘制，强调品质。其二，采用动态场景形式，以小范围的动画，如飘雪，星星闪烁等，增强Banner趣味性，丰富表现形式。其三，剧情或故事形式，突出情节，分段展示，使用户更好地融入节日氛围。在会议之后的小范围的讨论中，众人亦积极提供方案，托哥提出不能浮于表面，止于视觉表现，从而导致表意直白而不含蓄，缺乏内涵的情况，亦给出领导之前提出从邮票上寻找灵感的建议。最后确定用剧情及故事形式作为新形式尝试设计。确认这个方向之后，在符合整体思路情况下，以春节作为试点，进行了初稿设计，在寻找春节相关资料时发现，传统春节的习俗保留到现在的已不多，而且在不同地区，方式也有所区别，不过贴春联，节前打扫卫生，放鞭炮等习俗还是一直保留着，即使在最繁华的都市里也如此。于是在草稿设计阶段，用春联，鞭炮，小孩新衣裳等传统元素，突出春节气氛，并结合节前节后相关习俗进行绘制：

如春节前夕，每家每户会进行打扫卫生，贴春联等，这就是进入春节的特殊行为，用朴实的风格，描绘节日氛围。为了进一步了解新形式，于是进行了其中一幅的上色，用直观的方式让大家体验新形式。

在草稿讨论及进行相关优化后，进行上色绘制，并对四副画面进行色彩和谐，以达到色调统一的目的。期间，为了保留腾讯品牌识别，在对画面进行品牌识别的添加做了多个方案，第一个方案是由鞭炮组成的QQ文字，第二个方案是在小孩的衣服上加上QQ形象，第三个方案是小孩衣服上加Q字，进行添加后对比，前两个方案有点唐突，最后确定以小孩背面写Q字最为恰当。

在各版本登录界面上，由于尺寸不同，会造成画面不容易切割，因此在设计之初，就有个中心画面，让一小块画面就可以表达这个节日，就像下图示例：

在后续的重大节日中，皆采用这种剧情方式，让节日信息传达的更完美，气氛营造的更舒适，相信在后续的Banner绘制中，设计师将以最热忱的心设计出富有内涵的QQBanner！

)

相关话题：界面上的广告源地址：http://cdc.tencent.com/?p=825

[译]在线广告及其在网页设计中的重要性

杨梅 — 2009-02-06 05:14:32

近年来，广告已成为很多网站的主要收入来源。不久前，在线广告往往遭到访客的拒绝，广告客户也不确定它的价值和效力。今天，大多数访客期望在商业网站上看到广告，广告客户已经认识到各种在线广告的潜在机会。长期以来广告一直是印刷出版物的一部分，如杂志和报纸，现在它们已经在网上期刊和出版物扮演同样的角色。

网站所有者或者发布的产品和服务总是会担心广告存在的影响，同时它也影响着网页设计师，因为他们必须设计出能带来广告收益同时又满足访客需求的网站。依靠广告收入的网站需要一个有合适位置和排版的设计以更好的卖出广告，广告客户需要一个能让他们的广告达到一定曝光度的位置。

当设计师没有把广告作为首要关注点，那么设计出一种尴尬的布局就很好解释了，这种布局要么有损网站流量广告，要么把广告放置在无法吸引访客注意的位置。为了让客户的广告效益达到最大化，同时对网站的界面和可用性影响最小，设计师必须在设计的整个过程中把广告需求考虑在内。

The Raw Story看上去处处都有可能有广告挤进来，损害了内容的易阅读性。

从最基础开始

当然，并非所有网站出售广告位，但这样做的网站越来越多了。随着博客普及率的上升，以及设计师收到更多自定义博客主题的需求，这个问题将越来越普遍。对这个话题进行充分的讨论需要我们从最基本的问题开始。

广告客户为什么要对广告位付费？

显然，广告客户购买广告获得曝光推广并改善他们的财政。每个系列的广告目标不断改变着，有一些主要关注品牌识别度和总体的推广，而有一些只关心产品的销售。广告客户可能希望从他们的广告中得到访客的点击，但是他们最终的目标都是为了加强公司的业务。

设计师可以通过广告的位置设计来影响这个议题，当然，设计师不能决定产品和服务的销售，但广告位置是点击率的关键，因此对广告是否成功具有相当大的影响。

广告客户为了什么而付费？

访客的点击，销售的转化，或者是简单的屏幕位置？所有这些都有可能，并视情况而定。例如点击广告，以点击作为支付标准；联盟广告以订单或用户行为为支付标准；直接广告，一般都是给屏幕上的位置设定好价格并出售

如果网站要把广告卖给其他公司，那么在整个设计过程中把广告客户的需求考虑在内是很重要的，点击和联盟广告也许还能被放在网站的任何地方，当然结果也会有所不同，但是直接广告收入依赖于广告客户对所付费用得到的结果的评估，（If they are paying for prime on-screen real estate, that’s what they’ll expect.这句不知如何理解好，请高人指点）

网站或企业为什么要发布广告？

广告可以给网站带来很多赚钱的机会以及大量的流量，尽管有其他方式为网站带来收入，但是广告是为数不多的方式，可以让网站拥有者充分利用现有的流量而不用额外的工作，比如生产产品或提供服务

博客作者发布广告，是因为这些所得可以让他们赚得额外的收入，而且最基本的能抵消自己写文章花费的时间并维持博客。新闻网站销售广告是因为他们通常拥有大量的读者，同时他们的线下商业模式如印刷的报纸，已经不能像前几年那样带来可观的广告收入。随着越来越多的消费者转向在线出版物，而不是报纸新闻，广告收入也将从印刷出版物转向在线的。

在大多数情况下，广告收入是业务成功的关键，出于这个原因，在设计过程中它应该是优先考虑的事项。对于那些通过网站向访问者出售服务的服务型企业，设计师的工作包括建立一个有效的向房客推销服务的网站，这同样也适用于依靠广告收入的网站和企业。

为什么广告是网页设计的重要部分？

对于依靠广告收入的网站所有者和企业，这是显而易见的。没有足够或者正确的空间给广告，将给业务带来很大负面影响，一旦出现这种情况，为了销售业绩就会企图移动或开辟新广告位，从而导致网站看上去很尴尬而且无组织，因为这些位置没有在起初的设计过程中被考虑进来

广告收入作为其主要收入来源的网站，可以和依靠销售产品的电子商务网站进行对比，没有设计师会建立一个不把产品、描述和图片位置作为重点的电子商务网站。同样，需要广告收入的企业网站不能在广告位上有所妥协。

广告是网页设计的重要部分的另一原因是对访客的影响，虽然网站可能依赖于广告收入，但是访客是关键点，没有他们，广告收入就消失了。网站所有者和设计师需要把广告融入进来同时始终保持积极的用户体验。

在线广告的难题

当销售广告的网站想要这些广告能被访客注意并欣赏，一种微妙的平衡是很有必要的。除了冲点击和专门为联盟广告设立子公司的网站，为广告设立的网站需要割舍一部分用户以保证维持广告收入，同时它也需要留住大部分访客以保证自身的成长。想要抓住所有游客，将导致没有广告收入，为了广告客户而牺牲所有访客将导致自身发展的停滞。

在网络世界，一个广告的点击可能使访客离开，虽然广告可以设定为在新窗口中打开来预防这一点，但仍然不能保证访客点击广告后会再回来。

广告如何影响网站的设计？

在网站布局上不管设计师多关注广告，它在某种程度上影响着设计。最理想的是，在设计中设计师已经把具体的广告位考虑在内，从而得出网站的布局；在这种情况下广告能在网站上其效果的同时又不会扰乱内容或信息流的顺畅，并给广告一个明确的重要的位置。

在另一方面，如果广告没有被充分考虑在内，它们看起来将非常不协调，会扰乱网站的其他部分。

布局和间距

广告很可能占据网站布局的一大块空间，不管是一个大广告条，还是数个绑在一起的小尺寸，布局都会受到影响。一些网站会在整站分散不同的广告，一些会限制它们出现在具体范围内，并让其他位置为免费广告。

广告的策略取决于多方面因素，但是在特定行业和领域的网站倾向于采取类似的方法。例如，新闻网站通常在整个网站布局中都散布着广告，它们可能不会在某个特殊领域存在，却总是会有少量存在于许多位置。

CNN.com 在整站都包含了一些广告。

和新闻网站想必，许多博客会让横幅广告固定在一些指定的区域，通常是在边栏，其它位置则不会有广告出现。这一做法使得设计师需要为广告谋一个比较大的区域，而其它区域则基本不考虑广告位。

Blogging Tips 在右边栏有6个125*125px大小的横幅，而其它的广告仅存于个别文章的评论之前。

无论是博客还是新闻网站，由于广告常常被放在边栏，所以在设计布局时主要要考虑容纳广告的边栏所需的宽度。例如，许多新闻网站在边栏有300*250的横幅，所以边栏必须足够宽以容纳该尺寸。如果这个没有考虑在内，那么盈利机会和潜在收入将受到不利影响，或者布局不得不更改。

当然，边栏不是唯一的常见广告位，很多网站出售它们的页头位置，因为这里常常能带来最高的广告价格。在这种情况下，广告在设计中一定要作为重要元素，否则这里可能就不会留出位置。特别是对于页头有标志、品牌区以及主导航的网站，为了在页头包含广告位，所有这些元素必须被合适的布局，或者主导航可能被移到别处。

CSS Tricks是在页头有横幅的博客网站之一，在这种情况下，468*60px的横幅很恰当的被设计在页头中。

颜色

网站设计师无法控制在网站上出现的横幅的颜色或设计，将来也肯定不能，但是他们能制定配色方案时考虑一些可能性。横幅广告为了吸引访客的注意，往往比较丰富多彩、明亮，如果网站设计的充满许多不同色彩和阴影，和同样色彩丰富的广告搭配在一起就会显得很尴尬、很拥挤，特别是当这些颜色还很不协调的时候。

一些展示很多广告的网站会需要一个柔和的配色方案，以避免用户承载太多颜色。在某些情况下，网站需要广告脱颖而出，以吸引更多用户注意网站本身，只是颜色将是非常有效的方法。

流动

任何类型的网站设计师面临的挑战是展示内容以让用户关注重要信息，眼睛在屏幕上独特的移动方式和网站的内容流动，会受到广告的影响，网站所有者寻求广告收入最大化时，常常会把广告位放在眼睛关注的位置，原因是这些位置往往产生最佳结果和最多广告收入。

那些想要广告收入，但是希望对访客的影响最小化，就会让广告远离主要的内容，这种做法的例子有博客将广告位置放在发布内容之中或者在边栏。直接在发布文章的上面或下面放广告，往往比放在边栏更容易引起注意并引起点击，所以它们一般都以更高的价格出售。网站所有者需要在这方面做决定，设计师也需要了解这些决定并在设计中合理安排广告位置。

纽约时报在它的页头和主题内容区域都没有广告，但在右侧留了大块面积给广告：

设计师对广告的责任是什么？

1、了解广告收入的优先级

很多网站根本没有广告，而其他的会依靠广告维持业务，还有一些包括部分广告但不是主要收入来源。设计师需要了解广告在设计中要占多高的优先级，如果广告收入是业务的主要来源，那么广告位在布局中将会是最重要的元素之一；如果销售产品或服务更为重要，那么产品和服务在设计中要优先于任何可能包含的广告。

设计师的工作不是决定广告在网站设计和布局中应该发挥多大作用，但是需要努力趋充分理解需求方在这一块的需求和愿望。带着正确的观点并和需求放站在同一面来开始设计，是至关重要的。

2、设计一个满足客户的网站

大多数web设计师可能会喜欢从来都没有广告，并能够用其他方式利用这些空间。然而，客户需要一个能带来广告收入的网站，这时这些广告空间必须成为设计的一部分。

3、设计一个有吸引力又易用的网站，同时包含广告空间

不管广告的优先级是高是低，设计师需要创建一个有吸引力的网站，广告可能是一个麻烦的元素因为空间的占有和对内容流的打断，但是设计师还是必须做到这一点。如果有大量的广告，就需要更加注意网站的可用性，让访客受到最小的干扰。

广告和设计的趋势

看那些出售广告的网站，特别是依靠广告为主要收入来源的，我们能看到一些趋势：

头部广告

很多网站出售页头广告位，通常是在logo的一边，或导航的上面或下面，很多不同类型网站都有这种趋势，而且只要这些广告能给广告客户带来实效，它就会继续下去。

Washington Post 在文章页用了两个页头广告，第一个尺寸为300×45，位于logo的右侧，在此之下还有一个728×90的，位于logo和导航之间。

Lifehacker ，有一个大页头来容纳300×250的广告，注意该网站显然是考虑到完美适应这种大小的光告而设计并布局的。

所有内容之上的广告

一些网站将广告放在所有内容包括页头之上，这使广告处于网页最上端，但是能离开内容流；这减少了广告的潜在干扰，但是让其他任何内容都往下移了，在第一屏可看得内容减少。这种趋势在一些新闻网站特别明显。

TechCrunch 在页头纸上用了720×90的广告，在它之上仅有一条绿色的线条。

L.A. Times也在所有内容之上包含了一个广告，但它不显示在主页。

Monster 在它的工作搜索页面最顶端放了728×90的广告。

内页比首页有更多的广告

一些网站如刚才提到的 L.A. Times，保持首页更受欢迎，更方便使用除了广告位之外的空间，当然这些网站会在其他页面包含广告，这是新闻网站的另一个普遍趋势。

Reader’s Digest的首页避免任何广告出现在页面上方。

但是，单独的文章页面在页头之上有728×90的广告，一个300×250广告位于右栏最上方，以及一个135×600的摩天长条广告位于左边栏，加上一些额外的广告在页面的底部。

类似Reader’s Digest, Time在首页也避免广告。

文章内页有一个728×90的头部广告和一个位于边栏最上方的300×250广告。

常见的广告尺寸

你浏览一些网站，会发现广告在网页中占不同的比例，但其中大部分都有标准尺寸。互动广告局制定了标准尺寸以用于在线广告，虽然网站所有者可以出售所有尺寸的广告，但建议还是遵循标准，因为潜在的广告客户可能已经有设计好的标准尺寸广告，因而将有更大可能去购买标准尺寸的广告位。网页设计师应该了解客户希望出现在其网站上的广告尺寸即标准尺寸。

博客通常会实用125×125的尺寸，尽管其他尺寸也在使用。Daily Blog Tips就是一个典型例子，6个125×125尺寸的广告放在右侧栏，其他唯一的广告就是左侧栏底下的长条幅。

另一个常用尺寸是300×250，很多新网站都会在侧栏实用这个尺寸。

设计师的最优方法

1、设计满足用户需求

设计师最终是要像客户负责的，必要时设计师应该给客户建议，但是最终网站是要让客户满意才行。虽然设计师可能不同意客户在网站上使用广告的需求，但如果客户确定要这样做，我们就要考虑如何做到最好。

2、合理布局网站以便广告成为设计的的一部分

看上去很自然、标准的带广告的网站，通常是设计时就把广告考虑在内的。广告能非常适合在侧栏的某一特定位置不是偶然的，合理布局广告位置，使实现网站的最佳视觉效果成为可能，而把广告随意的放在不适合的位置上，将会压倒其他精心设计的布局。

3、考虑将来的需求

你可能会发现自己处于这样一种情况，当时设计网站时广告并不是重点，但是在不久的将来，它将成为主要收入的来源。很多网站开始时几乎没有广告，一旦用户群建立起来就需要提供更多广告位。最理想的是，设计过程中将这种情况考虑在内，并计划将来新的广告位放在哪里。侧栏通常是增加广告数量同时不影响布局以及内容的最佳位置，但是页头广告就相对比较困难了。

在最初就试着和客户讨论长期计划是很好的做法，以便避免这样的情况发生。如果在新的改版之前，不久就会需要更多的广告位，那么可以在一些位置放暂时性的内容，直到它们被用来做广告位。例如，一个区域可以被用来展示网站本身的内容，一旦广告收入变得更加重要就去掉这块内容用广告位代替。

4、考虑对浏览者的影响

设计师努力让网站包含广告位置以让广告客户满意，但浏览者同样也是要考虑的。当涉及到广告，很多决定、判断需要确定，什么是适当的？哪些看起来太多了？

相关话题：界面上的广告源地址：http://ued.koubei.com/?p=637

当你在看广告的同时，广告也在盯着你

华丽的痘痘 — 2009-02-02 09:49:25

原文作者：i don't know
原文链接：When you watch these ads, the ads check you out
译者：华丽的痘痘

当你在商场、健康俱乐部或者百货公司里观看大屏幕上的广告时，有个别广告也在盯着你看，而且这类广告会越来越多。

微型摄像头现在能够被嵌入到大屏幕中或者隐藏在大屏幕的周围，追踪着那些看广告的人以及他们在广告前停留了多长时间。这套追踪系统的制造商说该系统能够分辨出观看者的性别、大致的年龄范围，有时还能看出种族，然后根据具体情况改变广告的内容。

这意味着会给男士播放剃须刀广告，给女士播放化妆品广告，给孩子们播放电子游戏广告。

尽管广告的切换不能精确到为每一个人来定制，但该技术能够识别出观看者特征的能力，这对于那些想知道自己的广告是否投向了特定人群的广告客户而言是非常重要的。

尽管该技术目前仍处于有限的应用当中，但广告业的分析人士认为它最终将会达到预期的目标。该技术的提供商表示，他们对顾客性别识别的准确率在85%~90%之间，而其他各项指标的识别精度正在不断改进当中。

这个概念让人们联想起一部科幻电影“少数派报告”，在该片中汤姆·克鲁斯扮演的角色走进了一家商场，然后视网膜识别系统对他进行了身份认证，之后用带有他名字的非常适合他的广告来欢迎他。

“这是一种非常有效的营销手段，”Rabenou说，“投向消费者的广告都是非常恰当的。”

由于追踪产业是一个新兴行业，因此对于如何称呼这项技术还没有达成共识。一些人管它叫面部阅读、面部统计、注视追踪或者更一般的说法——基于面部识别的观众测量技术。

不管它叫什么名字，广告客户都已经准备好要尝试一下，广告顾问Jack Sullivan说道，他同时也是位于芝加哥的美国斯达康公司的副总裁。

由于面部追踪很容易让人联想到老大哥（英国小说《1984》中的独裁者，译者注），所以制造商正努力消除公众的误解。当系统捕捉到一名观看者的图像后，计算机会立刻对它进行分析。该系统的制造商坚称，他们无论如何都不会存贮这些信息，或者将图片与该顾客的身份信息联系起来。相对于摄像监视器而言，我们的系统对公众的打扰要少很多，系统的开发者说。

但是这个创意仍然让Lee Tien感到担忧，他是Electronic Frontier Foundation的一名高级律师，该基金会是位于旧金山的一个公民自由组织。Tien表示没有足够的理由认为该系统“没有其他技术那么糟糕”，同时认为摄像头侵犯了个人隐私。

一般来讲，追踪系统是这样工作的：一个位于大屏幕中间或周围的摄像头首先找到观看者的头部，它是通过分析形状、颜色还有相对移动速度来判断一个人的头部的。这个原理与某些高档照相机能够自动对人脸进行聚焦非常相似。

当系统确定了一个人脸后，它会立刻将其与数据库中存储的男人或女人的脸进行对比，这可以让系统立刻猜出这位顾客的性别。

“最重要的特征就是颧骨、丰满的嘴唇还有眉毛间的那条缝。”Paolo Prandoni说道，他是位于法国的另外一家研究面部追踪技术的名叫Quividi的公司的CSO。

该公司说他们的系统能够比较准确的识别顾客的性别，但是识别年龄确实很棘手：该软件只能够将年龄分为一些比较宽泛的年龄段——孩子、年轻人、中年人还有老年人。对于顾客的种族信息，广告商没有特别迫切的需求，但是该公司承认，识别出一个人的种族要比识别他的性别和年龄困难得多。

Prandon向美联社提供了一个Quividi公司开发的软件的受限版本，它利用一个普通摄像头将采集到的信息传输给一台电脑。该试用版软件只能分辨性别，用不同颜色的圆圈来区分男性和女性的脸。

由于样本空间比较小不具备统计学意义，但是目前它识别的准确率已经达到了80%~90%。

那将和该系统以前得到的一样精确，Deborah Mitchell说，他是威斯康辛周一所大学的消费心理学教授。尽管人类的大脑并不总是能够区分性别、年龄和种族。

另外，“尽管追却率只有70%，他给你带来的信息也是非常有价值的，”Mitchell继续说道。

这些信息对于Bill Ketcham一定非常有用，他是Adspace网络公司的首席市场官员。他的公司位于纽约，在1400个大屏幕上投放了广告，这些大屏幕分散在全国的105个商场中。

Adspace网络公司正在位于温斯顿塞勒姆、北卡罗来纳州、匹兹堡和圣路易斯的商场中测试6个TruMedia系统。在放映柜中展示了当天商场中最热销的10种商品，同时播放着主要来自电影公司和电视网络的付费广告。

要在Adspace公司的全国网络中重复播放一段15秒的视频广告，每个月所需要的费用要超过76万5千美元。所以广告客户希望的到严谨的统计信息，到底谁看了他们的广告，而这些信息是面部追踪系统能够提供的，Ketcham说。

至少到目前为止，Adspace公司还没有利用这套系统来改变他们的广告播出方式，Ketcha说，因为观看放映柜的顾客非常多，针对某类人来播放广告是不切实际的。

在广告客户们喜欢面部追踪系统的同时，Harley Geiger，一名隐私捍卫者，质疑在用户不知道的情况下应用该系统是否合理。Geiger是任职于Center for Democracy & Technology in Washington, D.C.的一名辩护律师，他说广告商应该告知消费者有哪些信息被收集，收集这些信息的目的是什么。

“随着这项技术的快速发展，现在或者短期内我们就应该考虑一下隐私保护的问题了，”他说。“如果你一开始没有考虑隐私保护问题，那么当系统成熟之后就很难再作出修改了。”

广告越大点击率越高?[贴图]

laolu — 2008-09-22 00:23:40

图片来自：MarketingSherpa