移动端邮件设计那些事

据美国市场研究公司尼尔森发布的《2013移动消费者报告》显示，中国的智能手机普及率已经超越美国和英国！智能手机在各国手机用户中的普及率如下：美国53%、英国51%、韩国67%、中国66%，但印度只有10%、土耳其19%、巴西36%、俄罗斯37%。

而目前全球的邮件打开率情况，如下图（点击图片，可预览大图）：

根【Econsultancy：71%的企业基本不存在移动电子邮件营销优化】电子邮件营销是一个费时费力的活，62%的营销人员花在2个或2个以上小时进行邮件活动的设计和内容规划，18%的人花费时间超过8小时。电子邮件的优化也是一个技术活，但有27%的营销人员没有花时间优化电子邮件。

但是，目前全球用户用移动端设备来查看邮件，已不是一件时髦的事，而是已成为大部分的习惯了！已经没有办法忽视，忽视优化移动端邮件版本！

换句话说，就是我们从事邮件营销工作者们，在优化邮件时，一定要侧重于考虑到移动端邮件预览环境设计。

简洁的视觉效果 + 清晰的邮件布局 = 让它简洁而不简单！

我们先来看一下下图，移动用户打开邮件的全过程（点击图片，可预览大图）：

首先：发件人 – 用户将根据发件人判断是否是值得信任的邮件，再选择是否继续阅读邮件，或忽略邮件，或直接删除它！

其次：主题行 – 这是再次验证您的邮件是否有足够的吸引力引起用户的兴趣打开邮件。你想想，平常我们在阅读新闻或八卦，你也会习惯性先看标题是否调起您的胃口再决定是否继续阅读？是一样的道理！

接下来：概要 – 快速简短告诉了用户这封邮件的大概内容是什么？

一旦我们的邮件好不容易绞尽脑汁吸引玩家打开了，恭喜您，你也算成功了一半！

另一半，则是如何引导用户滚动屏幕阅读邮件？

我们在前期准备策划邮件时，考虑到众多设备，首先就建议您将“最重要的内容”放在首位来展示。其次，移动设备是自上而下的垂直式屏幕，而且分辨率及第一屏空间有限，因此我们推荐“单列布局”最大限度地增加文字大小，提高易读性，千万不要将冗长的文本内容硬塞到视图窗口中！这样做，只会降低您邮件的转化率，换成您看到内容堆砌的文章或邮件，你也会马上拉远了心里距离。

为您的用户设计

了解您的邮件受众群体，这是所有营销方式最基本的原则。如果您的品牌移动受众达到10%以上，请考虑响应式设计，结合移动端和网页版本端用户体验设计邮件。

触摸设计

手机用户，习惯于单手操作，所以我们在设计邮件时，不容忽视点击操作体验！记住！不要只专注于某次点击的互动，任何赞的设计，都会基于网格来布局，以确保内容是易读性且易懂的。您的会员手指，不是鼠标，无法精确点击，很有可能不小心点错了链接，所以像呼吁性的行动按钮或链接，一定要足够大，易用户触摸点击。

易读设计

考虑到以上因素外，我们还要确保邮件内容是清晰易读的！

对比度：随着年龄的增长，可以射进眼球的光线会越来越少，导致更难以辨别色彩的对比度。不过，电脑及移动设备允许用户手动来调整对比度设置。因此，我们设计邮件时，为了确保邮件中内容和图像易预览，避免暗色文字衬托在暗背景上，就好比大晚上你穿着黑衣服行走在荒郊野岭…..不要让您的邮件阅读起来很费劲，缓解用户视觉压力，记得巧用对比色和补色，增强视觉冲击力！

文本字体大小：一般建议不要小于13px，为了避免被收缩，可以考虑15-16px大小，同时接的文本周围保持适当留白！

图像：建议大胆，或有趣，或有创意，或很美……你懂得，漂亮的图，更容易拉近用户。图像可以帮助我们更高效地传播品牌故事，品牌定位等。针对B2B邮件，建议可以手动巧妙拍摄您的产品 + 趣味摆放！转化率很可能让你很惊喜！

布局：推荐一列布局！响应效果及兼容无疑是最棒的！如果您希望多列布局，一定要避免邮件中元素出现错位或叠加都让人头疼的问题！多列布局，可以考虑基于网格设计！同时要确保后期Html实现良好！

为了更好地让邮件适用于移动及网页，可以学习一下当下比较流行的“响应式设计”！要避免“差不多”设计，它只会让你的营销效果打折了！

原文译自：ExcatTarget
转自Lovemail工作室