发布时间:2019-1-2 分类: 电商动态
近年来,移动电话等移动用户持续增长,这彻底改变了人们访问信息的方式,甚至可以说是一场革命。响应式设计这种思维方式正在如此大的环境中出现,越来越多的人开始讨论如何做响应式代购源码网站。然而,尽管存在响应式设计浪潮,但很少有人提出响应式邮件的设计。
对于设计人员或开发人员来说,HTML邮件可能是一种相对繁琐的媒介。它的客户端技术滞后,并没有内容,格式等标准规范,这使得现代编码规则无用,有些代码根本无法显示。但邮件仍然是关键的营销渠道之一,其作用不容忽视。研究表明,在移动设备(如手机)上使用电子邮件的用户已大大超过计算机或网页上的用户,而超过50%的移动用户会选择关闭或删除非个性化消息。我们如何保持电子邮件跟上互联网时代的潮流?响应邮件是一个不错的选择。在邮件展示中,它可以通过页面隐藏,折叠,扩展等方式为PC用户和移动终端提供舒适体验。那么响应式html邮件应该是什么样的呢?今天小飞让每个人都明白为什么我们应该选择响应式电子邮件和响应式电子邮件应该有的内容。
如果您已使用手机打开固定宽度的邮箱,则可能更了解响应式邮箱设计的必要性。由于固定宽度的消息通常显示在移动设备的小屏幕上,因此整体布局通常会减少,并且通常具有以下缺点:
阅读感受不佳
电子邮件的整体布局减少了,这意味着如果用户想要阅读完整的内容,他们必须扩大电子邮件的内容。一旦电子邮件的内容被放大,他们需要水平移动并从左到右浏览信息,但研究表明用户正在浏览电子邮件。习惯是从上到下。这破坏了用户的浏览习惯,并且来回滚动几次阅读文章,这在隐形之间带来了很多麻烦。许多用户认为这种麻烦会扼杀他们的耐心并使他们无法完成阅读。
链接和按钮不可见
在移动端,人们通常习惯使用手势,并且减少了邮箱的整体布局。这也意味着邮件中的链接和“行为指南”按钮会更小,这样用户就无法有效地点击相关信息。无法得到用户的关注。特别是“行为指南”按钮,如果我们的按钮不够明显,用户一般不会特别注意,这直接影响邮件的转换率,以及它在增加代购源码网站流量,销售等方面的有效性。
图片显示不全等问题
邮件中的图片是一个大问题。在PC端浏览时,各种图片可能最能反映代购源码网站的生动性和丰富性,并且更贴近用户。但是,当在移动端使用数据流量时,用户可能不希望加载大量图像。其次,当在移动侧显示多个图片时,由于诸如尺寸之类的问题,它们可能无法完全显示,并且难以在PC侧呈现效果。此外,有些用户无法在电子邮件中看到图片。虽然默认情况下iPhone的本地邮箱显示图像,但有许多移动客户端限制图像的加载。
响应式邮件应具备的特点:
正如响应式代购源码网站可以应用于各种设备,例如计算机和移动电话,响应式邮箱可以同时应用于多个终端。可以根据不同的设备以相应的格式呈现电子邮件。那么制作响应式邮箱的关键点是什么?
1. 内容清晰简练
内容是代购源码网站的永恒主题,尤其是邮箱。由于移动设备的屏幕小于PC,并且可以利用的空间相对较小,因此如何通过小屏幕完成与用户的交互尤为重要。尽量保持电子邮件的内容清晰简洁。并非所有信息都同样重要。过滤掉更重要的信息。不要在其上放置任何信息,以使电子邮件显得拥挤。另外,根据信息的重要性,用户看到的最重要,最理想的内容位于顶部,突出显示优先级信息。
2. 单列的设计布局
简洁是邮箱设计的核心。要在移动设备(如手机)上查看电子邮件,我们需要关注用户的流利程度。虽然多列的设计布局也可以在邮件中显示,但单列是最理想的选择,宽度不超过640px的布局更适合手机查看。这样,即使某些设备只能减少邮箱的整体布局,我们也不必担心内容是否会被显示。
3. 明显的行为引导按钮
正如我们上面提到的,如果行为指南按钮不够明显,用户可能根本没有注意到,那么我们邮件的含义是什么?因此,这些行为指南按钮应足够大,以便用户单击。但是,按钮和其他链接应尽可能地分散,以防止用户意外地犯错误并且用户友好和友好。 Apple的人机界面建议最小按钮区域应为44 * 44px,因此行为指南按钮的区域最好大于此值。
4. 文本左对齐
邮件的文本最好左对齐,我们可以将重要元素放在内容区域的左侧。这并不是小飞随便说的。它背后有很多理论支持。首先,相关视觉跟踪的研究表明,用户将大部分注意力集中在邮箱内容的左侧,这可能不足为奇,因为我们的阅读习惯是从左到右。此外,某些操作系统,尤其是Android,通常只在无法缩放消息以适应小屏幕时显示消息的左侧(可能某些用户将使用Android手机)。此外,从人机工程学的角度来看,大多数用户认为在握住屏幕时最容易与左下或中间位置的内容进行交互。
5. 响应式图片
图像是响应式电子邮件设计的一部分,不容忽视。如前所述,请勿使用固定宽度的图像将图像设置为具有响应性。这可以通过设置图像的相关单元,或者使用支持响应性的框架(例如Bootstrap)和响应式图像类名称控件(例如class='img-responsive')来完成。此外,移动设备在加载图像时通常比PC慢,因此请勿放置一些与邮件无关的图像,以使其简单明了。
6. 大号的字体
考虑到许多邮件客户端不直接显示图像,文本通常是用户看到的第一个元素。为了使用户更容易阅读,在设计响应式邮件时使用的字体尽可能大。因为如果字体很小,加上类似的背景颜色,用户可能难以阅读。建议使用至少13px字体(13px是iPhone上最小的字体)。
除了这些要点,在响应邮箱中,我们还应该注意以下几点:邮件主题行应该简洁有力,引人入胜;缩小或隐藏导航菜单;使用各种测试工具。简而言之,更全面的考虑因素,响应更快的邮箱,以满足用户的口味。
小飞认为,这些建议应该会给你很多启发,让你对响应式邮件有新的认识和理解。您可以在起飞页面自助代购源码网站(http://www.qifeiye.com/?t_wd=a5)免费获得响应式电子邮件地址。现在有很多人使用移动电子邮件,如果你正在网上购物,你不能错过它。响应式邮箱可以为您的用户提供舒适的浏览体验,并帮助建立公司的品牌形象。
起飞页面上的响应邮箱在哪里?完成代购源码网站后,只需单击“背景”,您将看到以下页面,然后单击“设置”中的“邮件模板设置”。起飞页面为您设计了各种不同的邮箱模板。您可以自己找到它并单击以使用。此外,您还可以通过修改整体设置,徽标,标题和标题栏来自定义邮箱的样式。来到起飞页面自助服务平台,建立自己的代购源码网站!