电商商家的优秀与糟糕的邮件设计

多年来，电子邮件设计已从纯文本、精美图片发展到图文平衡的混合模式。鉴于多数购物者通过智能手机预览或阅读邮件，电商商家需掌握移动端邮件设计的最佳实践。

本文将回顾四个邮件设计案例（两优两差）。在准备本文时，我首先在iPhone上进行了查看。为智能手机设计邮件时，请遵循以下关键点：

• 控制宽度。确保邮件宽度不超过400像素。
• 精简图片。保持图片小巧，以减小邮件整体体积。
• 适配手指操作。按钮和行动号召（CTA）应足够大，避免误触。成年人平均指宽约45像素，按钮周围需预留15像素空白区。
• 采用响应式设计。使用能自动检测屏幕尺寸并适配版本的响应式设计。
• 保持简洁。移动端邮件应简洁明了，易于操作。

优秀案例：CVS Pharmacy

CVS Pharmacy的这封邮件很好地执行了上述要点。优惠信息醒目，“立即购物”CTA位于中部便于点击；顶部菜单栏提供了药房或其他优惠等备选链接。该邮件加载快、易读，是有效且精美的创意范例。

放大此图片

放大此图片

—

糟糕案例：Shop Irish

Shop Irish的邮件在手机端加载耗时约15秒。虽然看似不长，但消费者期望近乎即时的访问体验，过长的等待会导致用户流失。

邮件加载后还存在以下问题：

• 内容繁杂，缺乏明确导向；
• 产品展示占用过多空间，布局尴尬且令人困惑；
• “立即购买”CTA被埋在页眉中，缺乏其他明显的可点击区域。

放大此图片

放大此图片

对于品类丰富的网站，收件人可能无法直接购买展示商品。当然，若展示的是高吸引力、高折扣产品，仍能带来销量。

但购物者常将邮件作为浏览感兴趣产品、利用免邮或折扣的入口。展示特定产品可激发兴趣，促进点击与进一步购物。因此，持续测试新品或有趣产品至关重要。

—

优秀案例：1-800-PetMeds

1-800-PetMeds的邮件采用了响应式设计，在iPhone与桌面端的显示效果不同。在iPhone上，它自动切换为单列格式，核心元素置顶，图片清晰大图，向下滚动即可查看完整信息。

该邮件顶部设置了四个指向热门类别（如“跳蚤与蜱虫防治”）的链接。分析收件人的点击热区有助于优化导航：选取点击率最高的3-4个链接保留，省略低频选项。

放大此图片

放大此图片

此外，邮件利用引人注目的动画时钟强调优惠截止日期。在到期前发送“最后机会”类邮件通常转化率更高，使用时钟传达这一信息既独特又有趣。

—

糟糕案例：Spirit Airlines

Spirit Airlines的邮件专为桌面端设计，在iPhone上元素过小，无法阅读或操作。主要改进点如下：

• 移除多余空白。顶部留白过多，导致主要内容下移。
• 不兼容移动端。两侧背景图浪费宝贵空间，未适配小屏。
• 优惠力度晦涩。7.5%的折扣数字奇怪，难以让消费者感知吸引力。
• 文字过小。解释优惠的文字字号太小，无法辨识。

放大此图片

放大此图片

总体而言，由于无法快速理解优惠内容，且文字与信息均令人困惑，收到此邮件的第一反应往往是直接删除。

—