我们最近分析了我们电子商务客户网站的 2 亿多位访问者的数据，发现 27% 的网站访问来自使用智能手机和平板电脑购物的人。

对于一些国家，例如巴西，近一半的电子商务流量来自移动设备。网络上的每家公司和出版商都需要移动网络战略，这已成为现实。

因此，这里有13 条提示，可帮助您针对移动网站访问者优化您的内容。

1.在常见的表单输入中使用占位符文本

在上下文很明显的小表单上，使用占位符文本而不是标签（例如登录表单、搜索框或地址表单）。

另一方面，如果用户需要一个标签来理解输入的上下文，不要依赖占位符文本。确保标签始终存在，即使在他们插入内容后也是如此。

2. 少即是多

在移动设备上将信息输入表格要困难得多，对吧？因此，将必填字段减少到最低限度。或者，更好的是，不要包含您不需要的表单输入。

要求您的用户稍后输入信息或完全忽略它。

3. 将标签放在表单输入上方

当你使用标签时，它们应该放在表单元素之上。使用顶部对齐的标签可确保如果移动浏览器放大输入，用户不会丢失输入的上下文。

4.确保文本始终是文本

没有基于图像的文本。没有，没有。学习使用 CSS，因为它应该被使用，因为如果您将文本拼合成图像，不同的屏幕尺寸和显示密度会对您的文本造成严重破坏。将文本用于文本的额外好处包括可访问性、性能、优雅降级和一般可用性。

TypeKit 、FontSquirrel和Google Web Fonts等服务可以轻松设计精美的文本。

5. 保持标题短于短

超过两行的标题会将您的内容推到页面下方，并且通常会超出用户的框架。保持简短、重点突出和描述性，但不要讲述整个故事。

就像下面的这个例子，虽然它在桌面上看起来可能不错，但对于智能手机来说，这是一个漫长的过程。

6. 以像素为单位声明字体大小以实现完美控制

我们建议您使用像素 (px) 作为字体大小，因为它提供了对文本的绝对控制。此外，我们建议使用无单位的行高，因为它不会继承其父元素的百分比值。相反，它基于字体大小的乘数。关于字体大小，我们建议至少 14 像素。

即使这看起来真的很大，但这是正确的做法。唯一变小（并且最小到 12 像素）的时间是在非常精确的表单标签上。

7. 像对待国王一样对待你的内容

认真思考每一页的工作。然后确保该页面上的所有内容都可以帮助您的用户完成该工作。

简单胜过漂亮。简单也往往很漂亮。

8. 保持文案简短

简洁的。要聪明。走吧。

9. 使用基于字体的图标节省时间

我们❤图标！他们为您的设计增添趣味。为避免管理同时包含视网膜资源和较小图标的精灵表，请选择基于字体的图标集，例如：Font Awesome；字形; 图标糖果；或符号集，或者你总是可以自己制作。

10.图像也需要爱

图片讲述一个故事，应该仔细调整大小以确保他们的故事无缝地转换到新的屏幕尺寸上。避免简单地缩小图像尺寸。

上下文已经改变，因此如果您希望图像能够正确地讲述他们的故事，图像也应该改变。

11. 对图像放轻松

放下你的渐变图像和按钮，并使用 CSS 使它们变得可爱。移动设备支持任何浏览器的一些最高级的 CSS 功能，所以几乎任何您想在图像中做的事情都可以通过样式来完成。

其他好处包括：更好的扩展性、更好的加载时间、更快乐的用户。耶！在周围。

12.使用一些资产管理魔法

生成Retina 图标并使用 CSS background-size 属性为非 Retina 设备缩小它们的尺寸。它们看起来仍然很棒，并且不会比较小的版本占用更多空间。

13. 不要让密码过于乏味

如果您需要密码才能登录帐户，请大发慈悲，让密码登录过程尽可能简单。

这意味着让用户可以选择显示或取消屏蔽密码，以便向他们显示最近输入的字符。