2016 年构建成功电子邮件的 7 个设计技巧

已发表: 2016-01-26

作为电子邮件设计师，您的工作是为订阅者提供实用的电子邮件体验。这意味着消除可能侵蚀订户体验并最终损害您的品牌形象的摩擦。

由于电子邮件在不断发展，因此实现这一目标很复杂。掌握电子邮件世界的最新更新至关重要，尤其是当这些变化（例如新应用程序以及 HTML 和 CSS 支持的更新）可能影响您精心设计的活动时。

在 2016 年电子邮件现状报告中，我们汇总了去年电子邮件世界中发生的一切，帮助确定可能对您的电子邮件活动产生巨大影响的重大创新。

获取免费报告 →

以下是您将在其中找到的内容的先睹为快：

1. 牢记苹果手表

2015 年 4 月，Apple Watch 推出。将可穿戴设备添加到电子邮件应用程序群中是不可避免的——它给电子邮件设计师带来了一些重大影响。如果您的受众包括技术早期采用者和潜在 Watch 用户，那么请考虑 Watch 上的订阅者体验。

由于 Apple Watch 在检测到远程或链接图像时显示纯文本，因此优化电子邮件的纯文本版本至关重要。另请注意，为桌面纯文本消费保留的特殊字符、额外空格和其他格式化技巧对 Watch 的小屏幕的转换效果非常差。

还有一个更高级的选项可以将第三部分添加到您的消息中：text/watch-html。通过包含这个附加部分并将 Content-Type 指定为“text/watch-html”，当 HTML 部分不合适时，Watch 将显示 text/watch 部分而不是纯文本部分。但是，在添加 Watch 部分之前，请务必与您的 ESP 核对 - 并非所有人都支持它。

2. 图像阻塞优化

Outlook 2016 和 AOL 的 Alto Mail 应用程序都是在 2015 年推出的——默认情况下每个都是块图像。电子邮件设计人员应该使用防御性设计技术，例如 ALT 文本、防弹按钮以及图像和 HTML 文本的适当平衡来对抗图像阻塞。

3. 不要隐藏您的退订链接

2015 年 9 月，Gmail 向所有 Gmail 网络邮件和 Android Gmail 应用程序用户推出了新的“阻止”功能，为消费者提供了另一种清除收件箱中不想要的电子邮件的选项。当订阅者“阻止”发件人时，这意味着他们将永远不会再看到来自该发件人的电子邮件。

好处是新的“阻止”选项应该减少垃圾邮件投诉，因为一些以前会点击“报告垃圾邮件”的订阅者现在会点击“阻止”。不利的一面是，“阻止”按钮可能为 ISP 干预创建了一个新的、较低的栏，因此一些之前可能单击“取消订阅”的订阅者现在将改为单击“阻止”。

那你该怎么办？让退订更容易。如果订阅者无法轻易发现您的退出链接，有些订阅者会简单地阻止您的消息或将其标记为垃圾邮件。如果您的退订链接被隐藏在灰色的小字体中，那么是时候将它用更大、更易于阅读的文本单独一行拆分了。

此外，添加“list-unsubscribe”标题，Gmail 会在某些情况下在您的发件人姓名和发件人电子邮件地址后放置一个“取消订阅”链接。

虽然此链接允许订阅者跳过您的选择退出过程——包括偏好中心，如果你使用一个——但它仍然比收到阻止或垃圾邮件投诉更可取。

4. 更新您的交互式电子邮件

2015 年 9 月，Apple 发布了最新版本的移动操作系统 iOS 9。这个更新的操作系统增加了对一些新 CSS 属性的支持，并引入了一些必然会让电子邮件设计者感到沮丧的变化。

一种这样的挫败感？并不总是支持一般的兄弟选择器 (~)。 Litmus 社区成员 Remi Parmentier 和 Justin Khoo 都报告说，当与 :hover 或 :checked 伪类选择器一起使用时，iOS 9 不支持通用兄弟选择器 ~。

许多交互式电子邮件使用伪类来检查电子邮件中是否发生了某些事情，并根据状态适当地设置样式元素。但是，此错误会导致以前的交互式电子邮件变为静态。

幸运的是，有一个修复！只需用相邻的同级选择器 + 替换一般的同级选择器 ~ 即可。虽然不如不太具体的通用兄弟选择器灵活，但它实现了相同的结果。

5. 使用基于表格的布局

2015 年 9 月，微软推出了最新版本的 Outlook 客户端——Outlook 2016。不幸的是，它与其前辈相比没有太大变化。与 Outlook 2007、2010 和 2013 一样，Outlook 2016 使用 Microsoft Word 呈现电子邮件，它对 HTML 和 CSS 的支持很差，并且有很多令人沮丧的怪癖。

较新版本的 Outlook（2007-2016）对 HTML 和 CSS 的支持很差，并且包括一些需要记住的怪癖：

不支持 div 和表格单元格中的背景图像
不支持 CSS 浮动或位置
不支持文字阴影
对填充和边距的支持不佳
对 CSS 宽度和高度的支持不佳
嵌套元素背景颜色的问题

由于缺乏对许多 CSS 属性的支持，基于表格的布局是 Outlook 2016 中优化的必要条件。您还可以使用条件 CSS 专门针对 Outlook 2016。

6. 使用移动友好的元素

由于 55% 的电子邮件打开发生在移动设备上，因此制定移动电子邮件策略比以往任何时候都更加重要。虽然使用响应式设计是一个不错的选择，但在不支持媒体查询的情况下，您还必须使用适合移动设备的元素。

例如，AOL 的 Alto Mail 应用程序和 Universal Outlook 应用程序（两者均于 2015 年推出）都不支持媒体查询。

利用大文本、易于触摸的按钮和单栏设计为您的订阅者提供尽可能最佳的体验。

7. 使用开放数据做出设计决策

虽然查看整个行业的电子邮件开放趋势是采用某些电子邮件客户端的一个很好的指标，但重要的是您的受众。查看您的受众在哪里打开他们的电子邮件并相应地调整您的设计比以往任何时候都更加重要。

例如，我们看到 2015 年 iPhone 打开的数量增加了 22%，现在占电子邮件打开总数的 33%。如果您在自己的观众中看到类似的东西，您可以使用该数据来为您的设计决策提供信息。我们知道，iPhone 的操作系统 iOS 对 HTML 和 CSS 具有出色的支持，因此您可以在我们的广告系列中安全地使用 HTML5 视频背景等高级技术。

关键是了解你的听众。使用电子邮件分析，您将获得优化设计所需的数据。立即注册免费试用。不需要信用卡。

获取 2016 年电子邮件状态报告

想要更多信息和可操作的要点吗？立即下载免费报告，了解最新的电子邮件更新和进展。

获取 2016 年电子邮件状态报告 →