文档章节

如何降低白噪声对网站用户体验的影响?

王尘宇
 王尘宇
发布于 2017/09/07 00:03
字数 1440
阅读 2
收藏 0
点赞 0
评论 0
广告,是每个商业网站中所不可缺少的部分。在注重用户体验的今天,如何将广告恰如其分地安放在网站中,同时也不会影响用户在网站上的体验呢? Dustin Cartwright在Webdesigner Depot发表了一篇文章《How white noise affects UX》,对该问题进行了详细阐述。下面为该文的编译内容。 广告、赞助、产品置入等是商业站点的重要收入之一。设计者将这些元素安排入网站,最好的解决方案是什么?什么是白噪声,它又将如何影响网站的用户体验呢? 白噪声对网站用户体验的影响 白噪声,听到这一术语,你可能第一时间想到的是当电视无法接收到信号时所呈现出的灰白色麻点。从Web设计角度来讲,该术语则表示用户无法被正确引导至网站内容,从而对网站失去了兴趣、注意力。这是Web设计和开发社区中很著名的一个概念,用来强调内容第一的设计方法。内容第一的设计方法,可以降低广告抢占内容风头的可能性。 定期浏览Web网站的用户可能遇到过这种场景:当你偶然浏览某个网站时,忽然发现自己找不到想看的内容,反而陷入过多的“额外内容”(如广告等)中。广告、产品置入会过多地干扰用户阅读网站内容,这是糟糕的用户体验,甚至会导致用户离开,并对该网站产生坏的印象。 通常情况下,身处该场景的用户不会继续在杂乱的内容中寻找自己想要的,而会立刻离开。所以,高效合理地安排广告位置对网站的成功至关重要。 消除影响可采用的几大解决方案 作为主要的盈利方式之一,广告已在网站中赢取了重要的地位。没有安装广告屏蔽插件的用户会在每天Web冲浪中遭受无数广告地狂轰滥炸。听起来这似乎是一个很糟糕的用户体验,但我们所喜爱的很多网站都是靠广告来盈利的。 设计者所要做的是,使广告的安放不会影响到用户在网站中的体验。 将内容与广告混排 当你浏览某些网站,比如Twitter,你会发现它们的广告混合在内容主体中。如果方法得当,这一做法还是很容易被用户接受的。 该方法的关键点是,使广告看起来更像内容,但要明确指出它是一条广告。否则,用户会感到自己被误导去点击广告,从而对此网站失去信任。引入该方法的网站还有Reddit、Tumblr 和Facebook。 在内容之外,巧妙地安放广告 虽然上面的方法越来越流行,但很多网站也引入了其他方法,如 Dribbble,将广告放在网页的底部和侧栏处。广告虽被安放在不起眼的位置,但它们仍可“捕获”到普通的游客。 该方法虽然也正被逐渐接受,但一些广告商觉得它的力度不够。这些广告应该融入网站中,同时也不会影响到主要内容。Dribbble在这方面做得很好,一方面保证了内容获得最主要的关注,同时单独突出广告区域,从而获得收入。 商业广告 一些网站在安放广告的位置仍保持着传统的风格。如在Youtube中,将广告区域划分为三种类型,其中一种为“商业广告”。总体来说,所有风格的广告看起来更像TV。它们通常放置在视频区域中,很容易吸引用户的注意力。 但该方法有时也会让用户尝到苦头,确保用户看到与自身相关的内容还有很长一段路要走。不过Hulu在这方面起到了很好的模范作用,它对用户的兴趣进行了调查,以提供更多定制化的广告。 赤裸裸的广告展示 采用该法安置广告的效果最差。广告被投放在适合它们的任何位置,未进行过多处理,以保证与网站的内容相关,与网站的风格相一致。 采用该法的网站一般都有较高的广告收入——但却付出了丑陋网站界面的代价。 Frugally Sustainable就是一例,侧栏全部是广告。那些追求专业、风度的网站都会拒绝使用这种方法。有时一个网站利用此法可勉强维持,但广告区域被过度销售的感觉仍会让用户慢慢消失。 结论 近几年,基于广告、用户体验的网站有了很多变化。现在的网站比以往任何时候更加注重以吸引人、亲切的方法展现广告。反过来,这也给网站带来了收入,同时保证用户的注意力仍在内容上。 现在很多网站不会硬生生地把广告放置于任何可能的位置,而是推荐与用户相关的广告内容。随着对广告用户体验的重视,Web设计者也开始大量获取和用户体验相关的技术。(编译:陈秋歌 审校:夏梦竹) 原文链接:How white noise affects UX

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
适当的环境噪声可提高创造力

办公环境吵,容易受干扰。但是独处有时候又太无聊,对发挥创意适得其反。所以对于创意来说,环境噪声有一个黄金区间,不要太多,也不能太少,最好刚刚好。 也许这就是为什么许多创意人士喜欢...

oschina ⋅ 2013/06/24 ⋅ 28

数字图像处理的常用概念和方法

发现一篇文章讲数字图像处理的概念比较通俗易懂的,核心部分摘过来,如下: 图像的基本属性 亮度:也称为灰度,它是颜色的明暗变化,常用 0 %~ 100 % ( 由黑到白 ) 表示。以下三幅图是不同...

乐_然 ⋅ 01/21 ⋅ 0

解读百度首份《搜索引擎优化指南》

我们知道Google之前有发布一份“Google搜索引擎优化指南”,而近期百度也在百度创业者俱乐部发布了官方首份“百度搜索引擎优化指南”。这种官方性质的指导文档大多数情况下只是将已有的白帽搜...

红薯 ⋅ 2010/08/16 ⋅ 4

iPhone 7新机爆出“嘶嘶声”缺陷,到底是怎么回事?

苹果iPhone7/iPhone7 Plus的新机刚刚发货,最近就爆出了"嘶嘶声"的问题。目前已经有不少果粉反映iPhone7/7 Plus会在大负载工作的情况下发出“嘶嘶声”。Stephen Hackett最先在Twitter发文爆出...

陈孝良 ⋅ 2016/09/19 ⋅ 0

前洛克希德马丁高工谈宽带RF接收机架构

外差接收机作为接收机方案的标准选择已有数十年历史。近年来,模数转换器 (ADC) 采样速率的迅速提高、嵌入式数字处理的采纳以及匹配通道的集成,为接收机架构提供了几年前尚被认为是不切实际...

dp29sym41zygndvf ⋅ 2017/12/31 ⋅ 0

白噪声\高斯噪声\高斯白噪声的区别

白噪声,就是说频谱为一常数;也就是说,其协方差函数在delay=0时不为0,在delay不等于0时值为零;换句话说,样本点互不相关。 所以,“白”与“不白”是和分布没有关系的。当随机的从高斯分...

天蚕宝衣 ⋅ 2017/04/10 ⋅ 0

QoE的定义及影响因素

QoE标准的定义,摘自论文《用户体验质量(QoE)的模型与评价方法综述》(林闯,胡杰,孔祥震) 现有的文献给出了许多关于QoE定义和影响因素的讨论,但是没有形成一个统一的论述.下面我们将在这...

leixiaohua1020 ⋅ 2013/10/07 ⋅ 0

如何给信号加噪声,matlab

Matlab信号上叠加噪声和信噪比的计算 http://www.ilovematlab.cn/thread-54155-1-1.html (出处: MATLAB中文论坛) 在信号处理中经常需要把噪声叠加到信号上去,在叠加噪声时往往需要满足一定的...

lf_jianfeiai ⋅ 03/14 ⋅ 0

中国新闻周刊采访微众银行旗下产品微粒贷

在开业五个月后,微众银行推出微粒贷等一系列产品,通过白名单的方式筛选用户、控制风险,有人认为,这和按需贷款的原则相违背,微众银行对此如何看? 风险控制与贷款需求之间不存在矛盾。白...

weizhongyinhang ⋅ 03/27 ⋅ 0

App动态化体系梳理

移动互联网时代的应用几乎面临着和桌面应用一样的问题,不跨平台、版本收敛慢、无法及时修复线上问题、需求迭代缓慢等。但移动应用还不能完全转成Web应用,当前的解决办法就是建设App动态化体...

疯魔程序员 ⋅ 2017/10/15 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Android JNI 读写Bitmap的方法

Java层创建Bitmap,通过JNI将Bitmap传到C/C++进行处理 Java部分 public static native boolean greenBitmap(Bitmap bitmap); C/C++部分 JNIEXPORT jboolean JNICALL Java_com_test_Test_gree......

国仔饼 ⋅ 4分钟前 ⋅ 0

一次性让你懂async/await,解决回调地狱

什么是async? 欢迎留言讨论 async 函数是 Generator 函数的语法糖。使用 关键字 async 来表示,在函数内部使用 await 来表示异步。相较于 Generator,async 函数的改进在于下面四点: 内置执...

阿K1225 ⋅ 5分钟前 ⋅ 0

angular常用命令

.下载更新操作 1.利用npm下载angular的命令行工具AngularCLI: npm install -g @angular/cli 2.下载jquery: npm install --save jquery 3.更新npm: npm i -g npm 4.更新angular: ng update ......

消散了的诗意 ⋅ 7分钟前 ⋅ 0

window.print 页面打印

定义和用法 print() 方法用于打印当前窗口的内容。 语法 window.print(); window.print() 实际上,是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样,不能精确分页,不能设置纸型...

初学者的优化 ⋅ 8分钟前 ⋅ 0

魔兽世界 7.0版本上 PVE装备全攻略

  T套 因为大家应该都会打穿副本的所以具体是哪个boss我就不说了。   T1: 所有套装都在【熔火之心】出   T2: 头原来是在【奥妮克希亚的巢穴】改到黑翼之巢的奈法利安了,腿是在【熔火之...

wangchen1999 ⋅ 8分钟前 ⋅ 0

java.math.BigDecimal使用小结

原文地址 java.math.BigDecimal使用小结 divide方法 使用BigDecimal.divide方法时一定要考虑: 除数是否为0 商是否是无限小数 正确的使用方式 判断除数是否为0,是0做另外的处理逻辑 调用除法...

666B ⋅ 11分钟前 ⋅ 0

关于qstring转char乱码问题。

if (OpenClipboard(NULL)) { HGLOBAL hgClip; EmptyClipboard(); QByteArray byay = FValue.toLocal8Bit(); //转latin编码 char *bochsrc_line = byay.data(); hgClip = GlobalAlloc(GMEM_DD......

backtrackx ⋅ 11分钟前 ⋅ 0

了解SSH加密和连接过程

介绍 SSH或安全shell是安全协议,也是安全管理远程服务器的最常用方式。通过使用多种加密技术,SSH提供了一种机制,用于在双方之间建立加密安全连接,对彼此进行身份验证,以及来回传递命令和...

吴伟祥 ⋅ 18分钟前 ⋅ 0

微信小程序

小程序的基础配置:导航栏和tabbar 在app.json文件中配置导航栏和tabrbar 导航栏的设置 设置导航,背景黑色,文字白色,文字内容 { "pages":[ "pages/index/index", "pages/logs/l...

上官清偌 ⋅ 21分钟前 ⋅ 0

【转】百度坐标坐标系之间的转换(JS版代码)

/** * Created by Wandergis on 2015/7/8. * 提供了百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换 *///定义一些常量var x_PI = 3.1415926535897932...

HAVENT ⋅ 22分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部