克亚营销论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 701|回复: 0

[理论学习] 制作响应式邮件设计的十个超赞妙招

[复制链接]

328

主题

9

好友

3999

积分

七级 营销精英

Rank: 6Rank: 6

  • TA的每日心情
    卯劲
    2017-9-27 09:58
  • 签到天数: 304 天

    连续签到: 1 天

    [LV.8]铁杆亚粉

    升级   49.95%

    职位
    1
    智慧
    2259
    主题
    328
    帖子
    654
    发表于 2015-6-23 17:45:33 |显示全部楼层
    更多
    移动互联网的崛起,催生了响应式设计的诞生与兴起。几乎所有的营销渠道都与”移动化”这一词汇捆绑,电子邮件营销也不例外。大部分电子邮件通过移动设备打开阅读,这一比例将在后续几年内继续增长。同时,至少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.测试
    市面上现在有许多免费的在线工具以测试移动设计,提供在不同尺寸大小的移动设备上的设计预览。不妨利用这些在线工具在正式发送邮件前细心调整,避免错误,提升移动用户的阅读体验。

    您需要登录后才可以回帖 登录 | 立即注册

    QQ|练功道场|认慧(上海)信息科技有限公司 ( 沪ICP备17040819号 )|网站地图   

    GMT+8, 2020-2-28 23:01 , Processed in 0.134140 second(s), 38 queries .

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回顶部