小屏幕改变了哪些邮件设计规则? 时间:2014-11-13 14:01 来源:快鲤鱼 作者:快鲤鱼 电子邮件营销的未来在于适应周围环境的能力。全球超过一半的电子邮件在移动设备上被打开,而根据全球领先的多渠道智能化营销服务商webpower的邮件客户数据分析,中国地区电子邮件移动设备打开率也增速迅猛,达到30%以上,而这一比例
预计在未来几年将继续增长。同时,不容
忽视的是,至少50%的移动用户将关闭或者删除没有优化阅读的电子邮件。 对于邮件发送者来说,解决移动小屏幕的邮件用户体验的一个最方便的解决方案就是响应设计,通过包括媒体查询、流体布局、图片和定制化的文案一整套技术和原理,电子邮件可以在桌面和移动设备得到最佳展示。响应技术允许邮件设计师隐藏、堆叠、展开、折叠或修改内容,以优化电子邮件内容在小屏幕上的显示效果。 多渠道智能化营销服务商webpower提供了7个关键技巧和最佳实践,帮助你通过响应式设计以移动客户期望的方式提供给移动客户想要的信息。 1. 以移动设计为中心创建桌面版邮件 把需要响应的部分铭记在心,特别是在设计阶段。
首先你要先形成一个移动设计的概念,并在此基础上创建桌面版,这正与我们以往的做法恰恰相反。保持移动版本尽可能整洁、简约,因为使用的图片和特殊设计越多,邮件越难以达到所有移动读者。 2. 单列设计可以更好的同时满足桌面和移动显示 要想使优化电子邮件通讯的过程尽可能简单,那么应该选择一栏的设计。webpower这样实践的原因在于,并不是因为多列设计在移动设备上无法实现和展示,而是说单列设计可以更好的满足邮件在桌面和移动上的最佳展示。 3. 学会玩捉迷藏:隐藏层级、精简内容 设计一个手机版本邮件的主要目标是为了确保邮件在手机上的易读性。这通常意味着在你的移动邮件中,需要隐藏一些次要的内容,以保持用户专注于最重要的信息。通过对任何不太重要的图像、段落和表格等应用一个简单的隐藏层级,以使这些内容在移动设备显示时被自动隐藏。 不是电子邮件中的每
个信息都一样重要。在创建响应设计时,挑选出电子邮件中“最重要”的信息,以避免拥挤、臃肿的移动信息,并保持内容简洁。小屏幕意味着让用户尽可能有效地互动比以往任何时候都更重要。 4. 邮件文本左对齐,聚焦用户更多注意力 在互联网的
复杂环境中,用户的注意力随时都在变化,由上海交通大学认知实验室与艾瑞咨询联合发布的《网络视频眼动体验与广告效果研究报告》表明,人们在观
看网络视频的眼动行为影响着人们对视频广告的注意力和持续时间。webpower研究同样表明,用户对电子邮件的不同区域赋予不同的注意程度,用户的大部分注意力集中在左边的电子邮件内容。某些操作系统,尤其是Android用户,不太乐意伸缩邮件内容,而电子邮件的左半部分也更容易被注意到。另外,从人体工程学的角度来看,在使用手携式屏幕设备时,大多数用户也更容易与左部、中部和底部区域的元素互动。 5. 响应式图像,可以让用户体验更好 相同尺寸的图像,在移动设备上下载的速度通常比在个人电脑上更慢,这将让移动用户等待时间更长。当电子邮件在移动设备上接收时,用一个较小版本的图像替换,可以让用户体验更好。 6. 小屏幕改变了哪些邮件设计规则 小屏幕改变了以往的邮件设计规则,太小的按钮和链接在触摸屏设备上使用真的非常不方便。根据苹果公司的指导,链接和按钮应该有一个最低显示区域
大小44x44像素。多渠道智能化营销服务商webpower在服务客户时建议,移动邮件应保持字体大小在17-21像素之间,最佳的字体大小通常是19像素;如果CTAs没有被用户立即看到,之后可能用户再也不会去留意,所以重要的CTAs应该尽可能靠近邮件顶部区域。 7. 分割思考与融合设计 当你为移动用户瘦身设计时,停止从整个“页面”角度去思考,而应该分割来考虑。webpower的邮件设计师们,通常会把电子邮件的每一部分作为一个单独分割的包,这样在设计电子邮件时会发现存在更大的自由。 创建一个响应式的布局有很多种不同的方法,建议综合融入各种设计想法。如创建响应式布局最简单的方法是建一个流体设计,使邮件适应设备显示宽度,但作为一项最佳实践,可以综合使用一个可伸缩的响应布局。如媒体查询也是响应设计中最大的一部分,邮件设计师用它来把电子邮件
转变为一个适应移动设备的更细长的版本。但不同类型的移动设备也可以有不同类型的媒体查询,所以营销者还可以针对流行设备的屏幕分辨率进行合理响应邮件设计。
小屏幕改变了哪些邮件设计规则?
时间: 2024-11-05 04:52:43
小屏幕改变了哪些邮件设计规则?的相关文章
小屏幕移动设备界面设计WAP页设计注意事项
网页制作Webjx文章简介:小屏幕移动设备网页设计注意事项. 在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站.原因是这类网页起源于一个叫WAP的无线协议.WAP能够运行于各种无线网络之上,如GSM.GPRS.CDMA等.WML是无线注标语言(Wireless Makeup language)的英文缩写.支持WAP技术的手机能浏览由WML描述的Internet内容. 而如今的小屏幕移动设备,比如手机,都已经具备访问WWW的能力.其内置的浏览器,或是第三方浏览器大多是WebKit引擎.
小屏幕移动设备网页设计注意事项
在过去,小屏幕移动设备网页通常也被称之为WAP页,或WAP站.原因是这类网页起源于一个叫WAP的无线协议.WAP能够运行于各种无线网络之上,如GSM.GPRS.CDMA等.WML是无线注标语言(http://www.aliyun.com/zixun/aggregation/6155.html">Wireless-Makeup-language)的英文缩写.支持WAP技术的手机能浏览由WML描述的Internet内容. 而如今的小屏幕移动设备,比如手机,都已经 具备访问WWW的能力.其内置的
手机小屏幕界面设计原则
1997年,那是一个春天,有一位老人在南海边画了一个圈,这个圈就画在咱大深圳!画圈的人是小平同志. 2014年,还是这个春天,移动设备的普及成为当下http://www.aliyun.com/zixun/aggregation/6298.html">互联网发展的又一次变革,我们在各种小屏幕上画着一个又一个的圈,如今,用户的移动体验无意正在变得更好,因为越来越多的网站已经开始为移动设备做了设计,设计师们也明白什么更适合小屏幕.然而,在手机上执行任务操作仍然存在着许多障碍. 亲爱的设基师朋友们
电子商务网站网页设计规则
电子商务网站的网页设计规则也可以适用于很多非商务方面的网站.总结网站页面建设经验,网页设计需遵循下面五个规则:页面易读.容易浏览.方便查找.风格布局保持一致.页面快速下载.换句话说,你的站点应该让你的目标客户容易使用.为了使你的站点能被你的目标客户欣赏,而且能被站点目录的编辑者许可,必须遵守所有这些规则.这些规则的优势在于:它们不仅可以应用到你的站点目录提交上,还可以应用到你的目标客户身上. 规则一:页面易读 可能你的目标用户正在使用完全不同的电脑.显示器.网络连接,以及浏览器.事实上,没有人能
从大屏幕到小屏幕迁移的三种设计方案
由于手机终端纷繁复杂,各种分辨率的屏幕,各种适配不同机型的特殊规则,都对http://www.aliyun.com/zixun/aggregation/26107.html">手机网站的设计提出了更多的要求.大屏幕上已有的网站向小屏幕的设备上迁移,是需要经过一些调整的,今天就来探讨三种可用的迁移方式. 拍扁式手风琴式棋盘式 一.第一种:拍扁式 这种形式最简单,也是目前web迁移到wap采用的最多的一种形式,就是把主流的1:2:1三栏布局的web网页拍扁成一个线性的一维的wap页面,比如看这
2013年首月,平板电脑出货量向小屏幕产品倾斜
摘要: 去年10月末,7.9英寸小身材平板电脑iPad mini的面世,似乎也暗示了苹果的态度7至9英寸的小尺寸平板,将比9.7或10.1英寸的平板电脑更受欢迎.极具吸引力的售价,是迷你平板的一大卖点 去年10月末,7.9英寸小身材平板电脑iPad mini的面世,似乎也暗示了苹果的态度--7至9英寸的小尺寸平板,将比9.7或10.1英寸的平板电脑更受欢迎.极具吸引力的售价,是迷你平板的一大卖点;而能够单手操控,也让这类产品深入人心.上月,月度TFT LCD出货数据库报告显示,2013年首月,平
平板电脑出货量向小屏幕产品倾斜
摘要: 去年10月末,7.9英寸小身材平板电脑iPad mini的面世,似乎也暗示了苹果的态度7至9英寸的小尺寸平板,将比9.7或10.1英寸的平板电脑更受欢迎.极具吸引力的售价,是迷你平板的一大卖点 去年10月末,7.9英寸小身材平板电脑iPad mini的面世,似乎也暗示了苹果的态度--7至9英寸的小尺寸平板,将比9.7或10.1英寸的平板电脑更受欢迎.极具吸引力的售价,是迷你平板的一大卖点;而能够单手操控,也让这类产品深入人心.上月,月度TFT LCD出货数据库报告显示,2013年首月,平
邮件设计案例分析
对于美,仁者见仁智者见智,但在邮件设计中,订阅者才是最终评委.为了能够吸引订阅者在打开后继续点击.产生后续转化,我们通常会设计明显的call to action,其实尝试跳出传统产品链接的模式,比如通过投票.选择等方式也达到间接转化的目的邮件.下面我们一起来分享以下这些案例,看看在同样的设计思路下,会有怎样不同的表现. 1.投票 J. Peterman 公司的"野餐决战鸡尾酒"邮件,让订阅者为户外休闲装(野餐)或正装(鸡尾酒)投票,每种选择都对应一个定制的着陆页,投票结果会在下期邮
<;转>;你应该知道的应用UI动态设计规则
转自 CocoaChina http://www.cocoachina.com/macdev/uiue/2014/0505/8315.html 你应该知道的应用UI动态设计规则 这篇文章中,我主要阐述了UI动效设计中需要注意的问题以及原因,而不是教授制作UI动效额技巧.随着大家对于这一领域的关注(很大程度上是源 自iOS的UI设计),我们发现UI动效设计同其他的UI设计分支一样,同样具备完整性和明确的目的性.伴随拟物化设计风潮 (Skeuomorphism,也就是苹果所提出的拟物化设计风格,强调