创意与设计

用户体验检查表系列:显示广告设计最好实践

展示广告的功能就像小型的、有针对性的广告牌。从网站到博客再到你的移动设备,广告几乎无处不在。它们在全球拥有数百万用户,但与其他转换渠道相比,典型显示广告的转化率相对较低。那么,为什么要创造它们呢?

与广告牌类似,展示广告是有价值的品牌认知度和最重要的渠道工具。如果成功的话,它们可以帮助你提高你的品牌认知度,促进你的业务,兜售新产品或服务。

与广告牌不同,显示广告有许多不同的格式,可以通过关键字,人口统计,位置和再营销来优化。虽然广告的成功大大取决于观众,行业和产品/服务,但有一些数据通知的最佳实践可以用作指导方针。查看下面的列表,以确定一些快速获胜,以提高您的广告可用性和转换。


一般结构与格式

很多像广告牌,只关注了几个时刻所看到的广告,所以保持设计清洁,简单,重点是非常重要的。尝试仅包括绝对必要的内容:

  • 公司的品牌
    这会传达您是谁,可以成为您公司的标志或名称。您的广告还应通过字体,颜色和图像风格体现您公司的视觉品牌。
  • 单身,有针对性的标题
    这会传达您提供的内容以及为什么。直接发表对您的观众,并保持消息传递专注。
  • 清晰,可区分的行动呼叫
    这就是您希望用户采取行动的方式。如果您希望人们转换,您的行为之路必须非常清晰。
  • 单焦点或引人注目的图像
    最有可能的是,这就是将抓住观众的注意力。很像你的标题,让图像集中并使用它来支持您的内容。
  • 讲述一个叙述
    这些元素的定位可以传达一个叙述:您是谁,您是为什么提供的,为什么,您的用户如何行动。
  • 保持简洁
    正如前面提到的,横幅广告上的信息必须简洁明了,易于在几秒钟内吸收。为了适应这1-3秒的窗口,建议最多使用5-10个单词。

根据谷歌,某些尺寸补充页面比其他尺寸更好地布局,结果具有更好的性能指标。

一些性能最好的尺寸包括:

  • 728×90:“排行榜”在主要内容或论坛站点上表现出高于主内容。
  • 300×600:与其他大小的广告相比,“半页”广告有足够的空间来传递信息和视觉元素。
  • 300×250:当嵌入文本块,侧边栏或文章结束时,“媒体矩形”执行良好。
  • 336×280:“大矩形”略大于媒体对应物,并且在文章的块内或在文章的末尾执行良好。

技术要素

技术元素为可用性最佳实践提供了基础基础,可以是一些快速胜利的低悬挂水果。

  • 使用针对屏幕优化的颜色
    Web浏览器的设计目的是读取十六进制代码,因此使用优化屏幕性能的颜色非常重要。这包括十六进制值或RGB值。
  • 文件大小
    根据Google AdWords,文件大小越小,性能越好。要确保在用户滚动并遗漏之前的广告负载,请瞄准150KB以下。工具喜欢Tinypng.可用于压缩和优化负载时间,而不会影响视觉质量。
  • 文件格式
    JPG、PNG、GIF或HTML5(动画广告)将是你的工作成果。
  • 颜色对比度和易用性
    最近的研究表明,近9%的美国人视障碍,因此使用每个人都可以使用的颜色很重要。Webaim对比检查员是我经常使用的工具,以确保我使用的任何颜色配对都符合WCAG(Web内容可访问性指南)。
  • 文本大小和可访问性
    文本大小对于可访问性也很重要。一般来说,16像素大约是一本书或杂志上打印的文本的大小,任何更难在屏幕上阅读的东西都会变得越来越难。一个好的经验法则就是使用16px作为基准所有重要的稿件和标题。如果有必要,支持文本和免责声明可以更小。考虑到只有1-3秒的窗口让人们看到和阅读你的广告,你希望你的重要内容尽可能清晰。
  • 清晰的框架
    因为展示广告可以出现在不同的页面布局和背景颜色,所以给每个横幅一个框架是很重要的。人们的眼睛会自然地被画面中的主题所吸引,这样有助于让你的广告更显眼。如果背景是浅色或白色,通常会在广告周围设置1像素的灰色边框,以定义清晰的框架。

视觉设计

热的映射和眼睛跟踪研究尼尔森诺曼集团显示用户最常浏览的内容,但有时会深入挖掘他们真正关心的文章。然而,有一件事在所有阅读阶段都保持一致:很少或没有横幅。

如果用户正在寻找快速事实,他们想完成,不要让自己被横幅分心;如果用户从事故事,他们不会远离内容。

横幅失明是真实的,但基于心理学和可用性的技术和设计原则可以帮助CTR。

  • 数据驱动的
    数据应该驱动消息,消息传递应该驱动设计。寻找定量数据以查找在其他渠道或类似的受众良好工作的消息传递。来自传统营销件的消息也可以是一个很棒的开始。此外,有利益相关者和观众访谈,聊天日志或客户评论的定性数据也可以使吸引参与内容有效。直接从您的受众中拉出的单词和短语可以帮助您联系和说出他们的语言。
  • 高质量的图像
    在横幅广告中,图像是很重要的,因为它可以创造视觉趣味,可以用来创造令人难忘或吸引眼球的广告。与印刷设计类似,图像应该增强信息,并与产品或服务相关。因为广告只被浏览了几分钟,尽量避免抽象的概念或视觉上复杂的图片。你希望你的图像是高质量和容易消化的
  • 纽扣
    按钮在显示广告上有效,因为它们提供了一个明确的行为路径。对比颜色(符合可访问性标准)有助于按钮脱颖而出。放置在广告的底部或右侧有助于您的道路在主要说服性内容(您的标题和支持副本)之后逻辑上流动。
  • 动画
    动画广告可以更加引人注目的传统广告,传统上出现的Statis广告。很像静态广告,更简单也更好。您可以跨多个屏幕符合更多内容,但暂停和文本的数量应该易于阅读和摘要。您希望您的广告讲述一个故事,最后一个屏幕是您CTA最有效的地方。为了获得最佳实践,请将动画保持在15秒以下,循环不超过3次。但是,动画不一定能保证更好的性能。它真的取决于频道,消息和观众。
  • 品牌一致性
    在整个活动中保持品牌一致性很重要。你想用你的广告来设定基调,让你的用户体验到你的广告所链接到的登陆页面。在整个活动中一致的颜色、信息和视觉效果可以创造统一的体验。另一方面,不一致会让用户感到困惑,并潜在地造成困惑。
  • Fitt定律
    Fitt定律说明点击某物所花费的时间直接受其距离和大小的影响。可点击的东西应该是大的,并且在一个容易点击的位置。考虑在广告底部或右侧使用大按钮来鼓励点击。它的定位不仅符合叙事逻辑,而且在台式机上是可视化的,在设备上是拇指友好的。
  • 赫克的法律
    赫克的法律指出,决策增加的时间随着选择的数量和复杂性而增加。过于视觉上创造性或复杂的广告难以立即消耗,导致信息过载。如上所述,仅包括对您的广告最重要的内容。
  • 雅各布的法律
    雅各布的法律解释说,用户将大部分时间花在其他网站上,并且更喜欢他们熟悉的设计模式。由于横幅仅被视为几个时刻,因此简化了学习过程和使用横幅广告的按钮和视觉处理非常重要。不要试图通过伪造您的广告作为其他屏幕内容来欺骗您的用户。虽然你可能会欺骗一些人点击,但这个黑暗的模式创造了挫折和不信任,并将对您的声誉进行长期负面影响。
  • 孤立效应
    冯·施特雷夫效应,也称为隔离效果,预测与其余部分不同的元素将脱颖而出。对比度,颜色和层次结构应该用来制作重要的元素,就像你的CTA一样,脱颖而出。

如有疑问:测试它

虽然这些最佳实践是一个很好的开始,但需要注意的是,适用于大多数广告的方法不一定适用于你。根据行业、服务、观众、渠道等等,总会有变化。为了优化你的广告,测试不同的信息和视觉元素。这样你就可以明确哪些方法对你的特定受众和渠道有效,哪些方法无效。

对更多UX最佳实践感兴趣?看看我们的帖子着陆页面设计

或许你想要更多的帮助?联系我们的创意团队了解更多。我们在这里提供帮助!