广告:我们每天都会遇到的不可避免的灾祸,我们都相信自己对它免疫。用户是否忽略了一个广告完全或变得恼怒它的出现与广告的大小和在页面上的位置密切相关。在手机上,屏幕空间已经非常昂贵,广告的位置对整体用户体验的影响甚至比在台式机上更大。

这里有两个主要的与广告相关的可用性问题:(1)广告可能是太颠覆性(2)他们可以创建假地板这是内容结束的不准确信号,导致用户错过有用的信息。

大型广告会限制可视内容

不令人惊讶的是,广告越大,其破坏性就越大.在一个小设备上,一个垂直的大广告会占用太多有价值的空间,取代主要内容。雪上加霜的是,有时两个广告会被堆在手机页面的最顶端,因为网站觉得有必要为他们的手机应用做广告。作为一个结果,可见的页面内容更少在页面加载时,这违背了移动可用性的原则之一:优先考虑的内容.在fingardening.com的例子中,只有文章标题和简要总结可以在不滚动的情况下看到,这要归功于超大的网站标题和页面顶部的双广告位置。

来自fingardening.com的手机截图显示多个广告
fingardening.com:在页面加载时,很少能看到文章内容,因为应用广告、横幅广告和大型网站标题占据了大部分屏幕空间。

不同于在页面顶部的多个广告元素下推相关内容在屏幕底部的粘性容器中的广告干扰较小给用户。这个建议可能看起来违反直觉,因为现在广告会一直在屏幕上可见,但在过去的研究中,我们发现用户最能忍受这种治疗,这很好,因为它表明广告没有妨碍。记住,用户倾向于从页面的顶部开始浏览,并且憎恨必须滚动过很多获得他们真正想要阅读的信息。因此,我们不仅需要考虑整体content-to-chrome比率,但也要确保有用的信息是优先级更接近页面的顶部为了抓住人们的兴趣,并尽快为他们提供与任务相关的信息。

粘性容器处理的另一个好处是,当用户完成任务时,广告仍然是可用的。当用户专注于完成一项活动或研究一个主题时,广告将被忽略,因为它们不是目标的一部分.假设广告确实与用户相关,那么一旦主要任务完成,广告就会出现,这就增加了用户关注广告并与之互动的可能性。(广告是相关的它与用户当前的目标相匹配:它更强大显示用户立即想要的东西的广告而不是只符合他们的总体概况的东西。)

《华盛顿邮报》移动网站上的广告处理截图
《华盛顿邮报》手机网站在屏幕底部(左)固定了一个容器,里面放着广告。广告与页面的当前滚动位置适当同步,当用户看到嵌入页面内容的显示广告时,广告就会完全折叠(右图)。

避免创建虚假楼层

许多手机广告放置的另一个主要缺点是,它们倾向于创造更多的广告“完整的假象”,或者是一页上的假地板.广告可以很容易地向用户发出他们已经到达页面相关内容末尾的信号。当广告足够大,很难看到下方内容的延续时,这种效应就会加剧,当广告放置在内容足够低的位置时,页面上似乎没有更多信息了。举个例子,WebMD手机网站的页面,在几段文字后面放广告,下面是链接到当前主题的其他资源。水平线在设计和版权信息的存在(这是通常与页脚内容相关)进一步提示用户,这是最终的页面,当这实际上是不真实的:页面仍然远远低于广告,显示更多的信息和其他相关资源的链接。

WebMD.com手机网站文章页面截图,包含几个广告
WebMD移动网站上的广告位置造成了虚假的楼层,因为它们出现在相关内容的末尾,而且它们足够大,阻碍了用户看到页面下方的内容的能力。(黑色虚线表示在iPhone 6 Plus上出现折叠的位置,红色虚线表示广告可能会阻止用户继续滚动的位置。)

如果可能的话,只在内容的真正末端显示广告,而不是在文本段落之间。在最近的可用性研究中,一位用户说:“我不喜欢中间的广告。这会分散我的注意力,让我觉得这就是文章的结尾。”当然,我们通常没有忽视业务目标的奢侈,所以如果一个页面需要包含几个广告,就把它们放进去靠近内容的开头例如,在标题或引言段落之后,可以帮助避免错误地显示页面的结束。此外,较短的条幅式广告比较高的方形显示广告对内容的干扰更少。

今日美国手机网站广告位置截图
《今日美国》(USA Today)手机网站在文章的开头使用了一个较薄的显示广告,所以它不太可能被认为是内容的合理终止点。细长的矩形尺寸还允许下面的内容可见,鼓励用户继续阅读,而不会被广告太过干扰。

当广告被放置在页面内容中间较低的位置时,可以考虑添加额外的提示,让用户滚动广告。这个建议尤为重要,如果广告是大或消耗很多页房地产(包括额外的空格上方和下方的广告,或者是一个小广告填充到一个占位符意味着较大的一个),和阻止用户很容易看到任何内容的延续。如果用户不确定广告下是否存在更多内容,他们可能不会愿意付费交互成本滚动,可能一无所获。简单、清晰的文本,如“继续阅读”或“继续阅读下面的在广告上方加上向下的箭头或其他方向指示,可以很好地让用户知道更多的内容。

波士顿环球移动网站广告设计截图
为了鼓励用户滚动浏览大型广告,比如继续阅读下面的应显示在广告上方,如在波士顿环球移动网站上所见。

请记住,这种处理方式只会让广告放置变得可以忍受,如果多个广告必须放置在页面的内容中,这应该被视为最后的手段。一般来说,当涉及到广告时,一定要克制。拥有大量的广告会减少网站信誉在最近的一项研究中,一位用户表示:“我因为广告而删除了一些应用程序——我倾向于不去那些有很多广告的应用程序;我认为这个信息不可靠。”正如预期,最讨厌的广告技巧台式机在移动设备上也不受欢迎;可悲的是,最严重的罪,比如覆盖了你想要看到的东西占据页面的大部分当屏幕尺寸有限时,更容易无意中出错。因此,在决定在手机应用和网站上投放广告的地点和频率时,必须格外小心。

结论

广告代表了业务需求和用户需求之间的一个冲突点。为了最小化它们对用户体验的影响,它们只需要占据页面区域的一小部分,并有策略地放置,这样它们就不会创建虚假的楼层,也不会阻止人们发现额外的页面内容。