移动互联网的崛起,催生了响应式设计的诞生与兴起。几乎所有的营销渠道都与”移动化”这一词汇捆绑,电子邮件营销也不例外。大部分电子邮件通过移动设备打
开阅读,这一比例将在后续几年内继续增长。同时,至少50%的移动用户会选择关闭或删除并非个性化的电子邮件。未来电子邮件营销的进化深度反映着其是否具
备适应互联网时代瞬息万变的能力。
响应式设计指集中创建页面的图片排版大小,智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局,在邮件呈现上,通过页面隐藏、折叠、扩展,为用户带来舒适的移动阅读体验。Webpower将为大家推荐制作响应式邮件过程中的十个关键要点。
1.邮件布局
始终都要牢记“响应式”这一词汇,特别是在设计阶段。从移动设计的理念着手,创建移动化的视觉版本,尽量使其保持简洁有序。越是繁多的图像或复杂的设计,往往越难送达,移动用户可能无法收到此类邮件。
2.坚持单行索引
建议选择单行索引的设计版式,以促使邮件优化过程尽量简单化。这并不是说多行索引设计无法在移动设备上正常显示或运行,只是如果需要同时满足PC端和移动自适应,相关技术难度可能会提升不少。
3.文本左对齐
有相关视觉跟踪研究表明,西方用户的大部分注意力集中在电子邮件内容的左边部分。当然有些操作系统,尤其是安卓系统,无法衡量内容实际宽度以适应屏幕,因此只能显示邮件的左半部分。从人体工程学的角度,大多数用户更容易浏览到屏幕左下角及中间位置的邮件内容。
4.顶层内容
简化屏幕在一定程度上确实改变了邮件设计规则。在制作邮件时,具有象征性的CTA购买按键应尽可能靠近顶部位置,如果无法被用户立即看到,它们有可能永远不会被看到。
5.Media Queries特性
Media Queries是响应式设计中最重的一部分,它不仅被运用于网站响应,而且还能用于电子邮件的布局,使邮件改变成适应移动设备显示的版本。不同类型的移动设备具有不同的Media Queries特性,这意味着将根据屏幕分辨率锁定热门设备进行个性化投递。
6.尺寸大小
根据苹果公司的指导建议,链接和按钮的尺寸应当控制在44*44像素以上。在移动设备显示上,不起眼的链接和按钮是最无用的设计。另外,字体大小可保持在17-21像素范围内,最佳字体大小则为19像素。
7.精简内容
并不是所有的邮件内容都是重要的。不妨在创建响应式设计时,选择邮件中最重要的信息点显示,避免过分拥挤的移动信息。营销人员需要注意保持邮件内容简洁明
了,小屏幕意味着营销人员将比以往任何时候都重视与用户的有效互动。而屏幕的运用变得尤为珍贵,设计人员应在邮件中隐藏次要内容,保证重要信息能够被用户
关注,突出显示优先级的内容。
8.考虑完整性
当你在为移动用户缩减设计时,不要仅仅只关注页面布局还需要考虑邮件完整性。营销人员应考虑邮件中的每一个部分是否适合在移动端显露,这将给予设计人员更大的空间进行邮件设计。
9.响应式图片
移动设备在加载项目时通常比PC设备慢,邮件中各类元素需要同时升级移动阅读体验,除了文字、版式设计等,图像也是不容忽视的一环,所有在移动端显示的内容都应具备响应式的设计前提。
10.测试
市面上现在有许多免费的在线工具以测试移动设计,提供在不同尺寸大小的移动设备上的设计预览。不妨利用这些在线工具在正式发送邮件前细心调整,避免错误,提升移动用户的阅读体验。
(文/webpower)