您的响应式电子邮件真的具有响应性吗？

ahad1020

在营销自动化的投资回报率方面，电子邮件营销位居榜首。数据显示，目前近62%的用户在智能手机上打开电子邮件，但仍有近40%的收件人表示，他们认为营销邮件的设计并不适用于他们的移动设备。目前，所有主流营销自动化软件都标榜其内置响应式模板和所见即所得的编辑器，可用于设计针对移动设备优化的电子邮件。然而，用户对电子邮件内容在移动设备上呈现效果的不满，表明了改进电子邮件设计的需求。

除了满足让电子邮件在任何设备上都看起来美观这一简单需求外，电子邮件还确实需要进行移动优化。有人可能会在笔记本电脑上浏览电子邮件，然后决定稍后有空时在手机上点击 CTA（行动号召）按钮。因此，用户体验需要能够轻松地从笔记本电脑转换为平板电脑或手机。

响应式电子邮件

在设计电子邮件时，考虑到响应式设计，文本、区块和图片等元素会根据屏幕尺寸而变化，乌拉圭电话号码库 并应在不同的屏幕尺寸下正确呈现，如上例所示。因此，如果您的电子邮件具有适当的编码，可以缩放和调整布局，使设计元素在手机上显示时堆叠成一列，那么从技术上讲，您的电子邮件被视为响应式的。但事实真的如此吗？

让我们看看作为设计师需要注意的一些事项，以使响应式电子邮件真正具有响应性。

电子邮件中的图像
一张图片胜过千言万语，内容中包含图片时，用户参与度可提升近47%。然而，设计师必须意识到许多陷阱，并尽可能地解决，才能让响应式电子邮件更容易被用户接受。图片可以调整大小并适应移动屏幕，并不意味着它就能产生同样的效果。

为图像添加 ALT 文本；因此，如果电子邮件客户端阻止了图像，图像的含义仍然可以传达，并且可以防止电子邮件看起来损坏。
不要依赖图片来传达过多的信息。包含太多文字的图片在大屏幕上可能看起来不错，但在手机上缩小后就难以阅读。
过多的图片会降低邮件加载速度，尤其是在手机上。用户并非总是连接着Wi-Fi，当所有图片加载完毕时，用户可能会失去注意力。
行动号召 (CTA)
电子邮件上的 CTA 通常是一个带有消息的按钮，鼓励用户参与内容。

响应式电子邮件中的 CTA 需要清晰且足够大，以便用户点击。如果 CTA 太小，用手机访问可能会不方便。
最好将您的 CTA 设置为周围有空白的按钮，以便用户可以轻松滚动而不会意外点击它。
电子邮件中的 CTA 应该足够高，以便用户不必在手机上滚动太多即可到达它，否则他们可能看不到它并参与其中。
尽可能使用 HTML 设计的 CTA，而不是图片。这也被称为“防弹按钮”，因为某些电子邮件客户端可能无法显示图片，但基于 HTML 的按钮很可能在所有电子邮件客户端上都能正确显示。
电子邮件中的链接
如果您的电子邮件中包含超链接，它们应该非常清晰且间隔开，以便于用户轻松访问。如果您的电子邮件元素在较小的尺寸上垂直堆叠，并且这些链接彼此非常接近，用户将很难点击正确的链接。
电子邮件客户端对超链接的渲染方式各不相同。有些客户端会将超链接渲染成蓝色并添加下划线，而有些则会保留原始文本格式。作为设计师，您应该创建能够处理这些链接在不同设备上外观的样式，以确保电子邮件在多个设备上的显示效果一致。
确保响应式电子邮件中的超链接指向响应式内容也是一个好主意。链接到呈现固定宽度内容的网页会中断用户流程，并可能影响电子邮件的转化率。
字体注意事项
电子邮件在不同设备上的渲染效果会有所不同，因此您不应依赖桌面字体（即用户桌面上可用的字体），即使它们是您品牌的一部分。您应该使用电子邮件安全字体或使用Web 字体。请注意，在电子邮件中使用 Web 字体需要考虑兼容性问题；这篇博客文章上对字体进行了很好的讨论。
为了使电子邮件在较小的设备上可读性，字体大小也应至少为 14px，因为任何较小的字体在移动设备上都不易阅读。在下面的示例中，三星在关闭图像时使用了一种备用字体作为标题。他们使用了 Trebuchet MS，虽然这不是他们的品牌字体，但仍然比 Helvetica 或 Arial 更有趣。