菜单 关闭

新闻通讯中的图像:使您的营销电子邮件可视化,但不要牺牲可用性

通过 基姆弗莱厄蒂12月17日,二千零一十七

总结:时事通讯收件人希望获得高质量的图像,但是过度关注图形设计会导致电子邮件难以辨认,manbetx官方网站手机版不可用的,无法实现业务目标。


15年来,我们一直在研究时事通讯和营销电子邮件的可用性。在那个时候,我们已经发布了6个版本的报告,营销电子邮件和时事通讯可用性.我们最近一轮的研究表明,时事通讯设计发生了重大变化。manbetx官方网站手机版观察到的最显著的变化之一是新闻通讯和营销电子邮件中的视觉交流的巨大转变。

图像已成为主要的固定设备

近年来,电子邮件和网络中的图像使用发生了显著变化。网页设计中的图片不再是辅助性manbetx官方网站手机版的或装饰性的——它们已经成为许多网站的一个关键固定装置。这一趋势已经渗透到营销电子邮件和新闻通讯上。我们最近的研究表明,时事通讯接收者期望他们在网络上看到同样高质量的图像。他们非常喜欢能够在更大的范围内看到并且非常清楚地显示细节的图像。

基于沉没图像
sunkist.com在主页和内部页面的整个长度上使用了全幅图像。

就在几年前,新闻稿通常依靠小的缩略图大小的图像,与文本在两列布局中配对。我们的时事通讯报告的前一个版本包含了下面来自Fodor的消息。这条信息代表了过去电子邮件中如何使用图像。与大的相比,当前板条箱和木桶通讯中的粗体图像。一名研究参与者收到这条留言后评论道,“页面下面有四张简洁明了的图片,便于查看。图像处理得很好。”

饲料箱和桶
过去与现在:(左)来自Fodor的时事通讯,来自我们的时事通讯报告的先前版本,代表了过去的图像使用。(右)最近收到的一份板条箱和桶装新闻稿,获得了欣赏大型报纸的收信人的高分,高质量图像。

相比之下,稠密的,在我们最近的研究中,充满微小图像的多列电子邮件被用户视为“杂乱”和“过时”。一位参加者说,辛辛那提大学的时事通讯“有点杂乱无章,而且有太多的信息,太多的小图片和随机的盒子。”

CCTST
辛辛那提大学临床和翻译科学与培训中心的时事通讯在一个文本重的页面上包含了许多小照片,这使信息显得杂乱无章。

图像太大是不够的。我们研究的参与者也希望他们能有所帮助,有趣的,并根据内容定制。与股票摄影相似且与内容不直接相关的大图片没有得到正面反馈。一位收到美国航空通讯的用户说,“这封邮件毫无用处,显然更像垃圾邮件。我从来没有对去新西兰表现出兴趣。这张照片也不太好,这只是一张普通的冲浪者照片,可能在任何地方。不需要电子邮件,这是浪费时间。

美国航空公司图像
美国航空公司的时事通讯使用了大量图像,但这张照片看起来像普通的库存照片,并没有说服用户考虑购买这样一个假期。

另一个用户,以下来自ValueMags的营销电子邮件的收件人,抱怨信息中使用的图像,“我真的看不到什么东西能吸引我。图像不生动,描述模糊。这封电子邮件一点也不吸引人。”

价值符号
Valuemags对美食的巨大印象并没有打动时事通讯的接收者。

虽然这些来自美国航空公司和Valuemags的电子邮件中的图像相当大,当他们通过相关的图像传达每个产品的独特好处时,他们错过了这个标记。

传单式的电子邮件很常见

一些时事通讯采取了一种极端的基于图像的方式:它们用一个嵌入文本的大图形取代了传统的基于文本的内容。这些新闻稿类似于传统的印刷传单或单页广告。

传单式的时事通讯往往引人注目,可以像一件小艺术品一样漂亮。接受者经常评论他们的审美特征。然而,在功能和可用性方面,这些传单式的新闻稿中有许多都是不足的。下面概述了一些常见的可用性问题:

易读性差.他们主要关注视觉效果,许多传单样式的邮件使用字体和视觉处理,使收件人难以阅读内容。一位收到Mac化妆品公司电子邮件的用户评论道,“我几乎看不懂这些字。由于背景的原因,有些作品很难看到。也,我想看看这些刷子,但它们没有很好地展示出来。”

Nespresso和Mac Flyerstyel
左:一条来自Nespresso俱乐部的信息使用了深色背景和低对比度的紫色标题,这使得文本难以阅读。对:由于对比度差和字体风格差,这本Mac化妆品通讯几乎难以辨认。

缺乏排版层次。传单样式的处理通常导致布局缺少可扫描的字体层次结构用于文本。例如,下面来自mlb.com的消息对所有文本使用了粗体字体,而不是对信息进行优先级排序,并以较少的强调显示相关细节。各种文字和颜色相互竞争,使信息难以阅读。

飞行风格
来自mlb.com的传单式新闻稿在没有排版层次的情况下势不可挡。

负面空间过多,内容缺乏可发现性。许多传单式的新闻通讯使用的空间如此之大,以至于移动设备上的用户在遇到任何文本或有价值的内容之前必须多次滑动。在下面的Everlane示例中,主题是“推荐朋友”。获得信贷。但是,时事通讯的第一个屏幕是一个大的图形,没有提到如何介绍朋友和如何获得学分。只有当用户向下滚动到图形底部时,他们才能看到有关国际推荐计划的信息。

Everlane Flyerstyle公司
Everlane:Left:收件箱视图显示共享链接,而不是相关内容。右:打开消息时,移动用户必须滚动查看该服务的内容。

preheader文本有问题。preheader是启动消息正文的文本。大多数电子邮件客户端在“收件箱”视图中将preheader显示为主题行的扩展;因此,preheader可以提供关于消息的其他上下文和详细信息。当电子邮件的大部分内容是非文本格式时(就像传单式新闻稿那样)。失去了向用户传达重要信息的机会。

在上面Everlane的例子中,收件箱中的preheader只显示位于邮件底部的共享链接。用户在收件箱视图中没有其他内容,帮助他们决定是否值得打开消息。最好在图形上方的文本中包含一些关于程序的信息,以创建一个有用的preheader。

忘记了交互设计原则。manbetx官方网站手机版传单式的时事通讯是最常见的营销形式,由零售和电子商务商店使用,其主要目标是推动用户访问网站。然而,很多情况下,用户很难与之交互。他们往往缺乏传统可点击性符号像对链接和其他动作调用的着色或按钮处理。

仅仅设计一个漂亮的传单在印刷版上看起来很manbetx官方网站手机版好是不够的。此格式不直接翻译为电子邮件;需要对其进行调整,使其成为一个有用的用户界面。

当文本嵌入到图像中时,用户很难理解,如果有的话,是可点击的:他们应该点击完整的图像吗?在任何地方,还是在一段特定的文字上?

可点击的图片和传单式的新闻通讯应该仍然使用可点击的标志。没有这些提示,页面会感觉像是复活节彩蛋搜寻:用户必须将鼠标悬停在图像上,等待光标变为手。或者,如果他们没有老鼠,他们必须在屏幕上点击才能找到目标。所有这些努力可能都是徒劳的-因为有些电子邮件,就像下面的洛杉矶公羊,没有任何网站链接!

拉拉姆·弗莱尔风格
洛杉矶公羊队的一封传单式电子邮件过于注重平面设计,而没有充分关注客户如何与之互动。manbetx官方网站手机版什么都不能点击,甚至连徽标或嵌入在文本中的URL都没有。收件人评论,“它没有给我提供链接,我试着点击邮件中的很多不同的东西,但它不会带我去任何地方,所以我不会利用这个机会。”

在许多情况下,可点击性的常见指标,比如颜色,可能错误地建议链接。一位研究参与者收到了一份宣传万圣节派对的时事通讯,点击了信息中的各种橙色元素和标识,因为他认为它们可能是链接。他知道整个图像是可点击的,他点击的任何地方都会把他带到同一个地方。他说,“只有一种方法可以采取行动,点击传单中的任意位置,以获取有关聚会或回复的更多信息。”

Sushisamba Flyerstyle餐厅
点击这张传单式新闻稿的任何地方都可以找到相同的页面。

将这一设计与下面Nespremanbetx官方网站手机版sso的假日电子邮件进行对比。Nespresso在电子邮件中正确地包含了一个按钮;点击时,这导致了假日限量版咖啡的问世。用户还可以点击电子邮件中的各种口味,直接查看这些口味的产品详细信息。

Nespresso Mobile Flyerstyle公司
Nespresso的时事通讯包括一个主要的行动呼吁(按钮命令现在),以及与他们不同节日风味的联系(sachertore,林泽托尔特Apfelstrudel)

因为不同的传单式新闻稿之间的互动方式存在很大的不一致性,用户很难学习如何互动带着这些电子邮件。

最好的方法是嵌入突出的行动要求以及到图像中特定细节的单独链接。所有这些都应该有适当的可点击性符号和高信息气味标签告诉用户他们将在网站上被带到哪里。此外,这些电子邮件还应使图像的其余部分可点击,并将用户路由到适当的高级登录页面,该页面作为一个整体处理主题或促销。例如,在Nespresso的电子邮件中,单击右上角会出现一个关于所有假日限量版产品的登录页面。

结论

图像在电子邮件通讯中扮演着越来越重要的角色。用户期望高质量,向邮件添加有意义内容的信息图像。无论您是选择以传单样式设计新闻稿,还是使用图manbetx官方网站手机版像和文本的组合,一定要根据函数对消息进行评估,易读性,使用方便,以及视觉吸引力。

完整报告

我们关于电子邮件营销和时事通讯可用性有199份设计指南manbetx官方网站手机版可供下载。