设计评论:ChartBoost广告格式的演变

就像手机游戏设计一样,广告设计是一种生活,呼吸随着时间的推移而增长的事情。今年早些时候,我们向自己询问了刷新的视频广告设计如何提高广告商的转换率,为出版商提供货币化和球员的整体体验。

考虑到广告创意在视频广告中占据了大部分屏幕房地产,我们决定提升UI Revamp是提升整体视频广告经验的最佳行动方案。关于利用WebView技术的很酷的事情,我们能够为我们的游戏DEVS测试和迭代广告格式,而无需每次更新SDK。

下面,我们确定了我们的产品设计团队从多周的测试中学到多个设计中学到了什么。随着我们不断完善图表上的广告经验,我们将在一系列新的设计见解中分享我们的调查结果。

颜色

我们解决的第一件事是我们的调色板。当时,蓝色被用作我们视频广告模板中的呼叫动作(CTA)按钮中的主要颜色。在任何测试开始之前,我们倾向于将CTA按钮颜色从蓝色变为红色。

这听起来很琐碎,但 颜色是最强大的视觉线索之一 对于CTA按钮。我们首先假设红色的颜色,以西方引起紧急的颜色 - 将加强CTA按钮的转换率。此外,红色是基于视频的产品中的重复颜色,例如YouTube,Netflix,AMC等。尽管如此,我们决定向外推动我们的本能,让数据进行谈话。

CTA按钮颜色测试中使用的三种颜色。

我们对CTA按钮颜色进行了多变量测试隔离,在ChartBoost网络上对CTA按钮颜色进行了变化,以确定蓝色,红色或绿色是否产生了最佳转换。根据与颜色理论相关的测试和心理原则的结果,我们用红色。

形状

我们还修剪了CTA按钮的脂肪’S角落,导致圆形角落的矩形按钮。作为JürgNänni教授的作者 视觉感知, 说过:“具有尖锐边缘的矩形确实需要比例如相同尺寸的椭圆更能认知的可见努力。我们的‘fovea-eye’录制圆圈甚至更快。边缘涉及额外的神经元图像工具。因此,该过程减慢了。”

 以前的CTA按钮设计用于视频广告与当前设计。

此外,我们添加了一个辉煌效果,使按钮更易于扫描。结合,这些增强 - 颜色红色,圆角和微妙的发光 - 帮助CTA按钮更好地抓住球员的眼睛。

响应能力

在ChartBoost,我们支持数百种设备,因此我们需要一个视频广告设计,可以在智能手机,PhableTe和平板电脑上容纳一系列不断增长的移动设备。

视频广告中新型CTA按钮的响应变体。

新的视频广告设计具有基于设备适应的响应CTA按钮’S屏幕尺寸。例如,视频广告的CTA按钮’在iPhone 4上服务将是圆形的形状,没有文本。在较大的手机等iPhone 7 Plus之外,CTA按钮显示为具有文本和图标的全矩形按钮。

整理触摸

我们视频广告的全新寻找是一大步。在更新时,构成了我们视频广告设计的UI的所有内容,包括单独的元素作为元数据,关闭按钮和进度条。

特别是,我们重新设计了关闭和重放按钮,以更中性和最小。我们用白色按钮取代了蓝色关闭按钮。我们发现一个平坦的白色按钮在几乎任何类型的背景上提高了按钮的可见性。

以前的蓝色关闭按钮和右侧的新白色关闭按钮。

完成所有UI更改后,我们经常严格测试运行OS版本数组的多个IOS和Android设备上的新视频广告设计。

多个设备和OS版本测试

结果

这些设计增强功能取得了我们所有的目标。它最大化的转换和ecpms加上整体视频广告经验。使用UI设计,小变化产生了很大的差异。

度假 - 圣诞节和新年’S天 - 在拐角处,现在是展开的完美时间 您的收入并转换新玩家 使用手机游戏视频广告。让这些新设计和更多 最新图表SDK. 对于iOS,Android和Unity。我们在本系列中的下一篇文章保持调整,因为我们在迭代广告格式UI中分享我们的经验。

发表评论