我该如何设计响应式邮件?

分享於

起床一睁开眼睛就迫不及待从枕头旁拿起手机?嗯…好吧,其实…这就是我的真实写照,现今,手机已经成为我们生活重要的一部份,Litmus 统计显示有近 56% 邮件通过移动设备开启,其他依次是 22% 网页版、17% 桌上型,这数据再次证明了响应式邮件的重要性。若你已经制定好营销策略,也不妨看看以下建议。

首先得先找出收件人最常使用何种移动设备开启邮件。当然通过 Benchmark 分析报告可以追踪收件人最常使用何种设备开启邮件,然后再继续制定你的营销策略。

准备好了吗?那就開始吧!

无处不完美

响应式设计是目前邮件营销最强的趋势,换言之,邮件若是采用响应式设计,那么不论收件人是通过哪种装置查看邮件,都能呈现完美的排版。Benchmark 恰恰提供这样一款编辑器,只要使用该编辑器创建的邮件,均为响应式邮件,发件人不需要担心邮件跑版。

Responsive Design

以下是邮件自动依不同移动设备适应呈现的样子。

主题栏

主题长度也大大影响邮件的开启率,而不同的服务商(iOS、Gmail、Yahoo 等等)也有不同的字数限制,桌上型通常显示约 60 字符,移动设备约 25~30 字符,因此建议将主题控制在 40 字符以内,而且主题必须清晰又能立即吸引收件人目光。

Subject lines well-crafted for mobile.

精心设计主题

清晰明了的 CTA

CTA 的位置最好显而易见,能依据不同装置自动适应,最好置于邮件最上方,让收件人开启邮件后能立即看到,另外 CTA 的用语也必须清楚传达要收件人采取的动作。

A simple and easy-to-click CTA.

清晰明了的 CTA

字体大小适中

对一些人来说,用台式电脑阅读字体大小为 12 px 的邮件已经有些吃力,更别说是用手机浏览,因此,必须确定邮件段落与 CTA 在小屏幕中也能清晰易读。

图片

图片也是邮件中的重要元素,要特别注意,图片若超过 100 KB 将增加邮件下载时间,因此图片不宜过大,另外,还有一点,部分收件端会自动显示认可发件人所发送的邮件图片,其他可能必须手动点选显示,邮件图片才会完整呈现。

如何优化在移动设备的邮件图片

  • 如果碰到上述遇到的问题,可以善用图片属性文字 (Alt 文字替换),若使用 Benchmark 拖拉式编辑器,你可以点选图片区块,加入 Alt 文字 。利用简短的文字描述替代无法显示的图片。
  • 切记不要在 Alt 文字加入 CTA 信息,以文字为主、图片为辅的方式设计邮件。
  • 图片宽度不得超过 600 px,这样即便不是响应式邮件,图片也能够在移动设备完整呈现。

Using images while keeping mobile in mind.

确保图片在移动设备完美呈现

总结

看完以上 5 个要点,是不是觉得设计响应式邮件易如反掌呢?若你有任何问题,或者其他小秘诀的想要分享,欢迎在下面留言。

好文推荐给您
在 EDM 营销领域,「一张图片胜过千言万语」这句谚语千真万确。大家每天收到大量邮件,从拥挤的收件匣脱颖而出变得越来越具有挑战性。将高品质的视觉效果融
邮件作为办公室日常沟通工具,甚至每天进入办公室,第一时间就是查看邮件,打开一封图文并茂设计精美的邮件,正要点击链接,却出现风险提示… 上面的场景,相信