5个专注于移动体验设计的最佳实践

移动体验设计对于企业和品牌越来越重要。因此，移动设计最佳实践就非常值得考虑。

移动约占全球网站流量的一半。Statista的数据显示，2020年第二季度，移动设备（不包括平板电脑）产生了全球网站流量的51.53％。所以您应该集中精力优化移动设备的在线形象。现代的观众足够聪明，可以识别糟糕的设计，简而言之，如果没有提供一流移动体验的商业网站，您的产品将没有竞争力。

现在，有许多移动体验设计最佳实践可供考虑，但是在本文中，让我们看一下您必须关注的五个最重要却被忽视的最佳实践。

优化拇指区域的布局

首先，为移动设备设计意味着您需要特别考虑一个因素-人们如何握住手中的智能手机并与之交互。根据史蒂文·霍伯（Steven Hoober）的研究，有75％的用户仅用一只拇指触摸屏幕，而10％的用户则用一只手握住手机，用另一只手的手指轻按。

这意味着您需要针对“拇指区域”优化移动站点的体验，“拇指区域”是一个人用一只手握住手机时可以用拇指轻松访问的手机屏幕区域。

本质上，将主要功能放在屏幕的顶部和底部，而将主要互动放在屏幕的顶部和底部易于到达的区域。

特斯拉在其APP中做到了这一点。正如您在下面看到的那样，用一只手握住手机时，拇指可以轻松地访问最基本的元素（将访问者带入下一个关键步骤的号召性用语）。

因此，将大部分重要的交互式内容（尤其是号召性用语）放在“拇指”区域中，可以轻松使用您的产品，并且对于创建出色的移动体验至关重要。

最小化所需的打字量

这是经常被忽略的另一个关键的移动体验设计。在触摸屏上打字远未达到完美，访问者填写可从其他地方获取的表格或输入数据可能会令人不舒服。

出色的移动设计可以最大程度地减少所需的打字量，仅在绝对必要时才需要打字。为此，您必须在APP上尽量减少表单字段的数量。

在台式机上，完全可以接受要求用户填写四个或五个字段的表单，但是在移动设备上，即使四个字段也足以使用户拒之门外，特别是在他们看不到目的的情况下。

因此，请您的移动表单中的每个字段都是必需的，并删除所有不必要的字段。您还可以将多个表单字段组合为一个字段，或者将表单填写过程分为两步或三步以减少可感知的工作量。

此外，请尽可能启用自动填充功能，以便用户仅需输入最少的信息即可。提供连接其现有帐户（例如微信，微博帐户）的选项，而不是从头开始进行注册。

著名的网站建设者Wix是这种最佳实践的典范。当您想开始使用Wix在移动设备上创建网站时，他们只要求提供基本信息，或者您可以简单地使用Facebook或Google帐户进行身份验证。

一旦您注册，他们就会通过选择题引导您逐步完成该过程，以了解您的偏好并几乎不用打字。整个过程看起来很整洁。

速度设计

您可能已经意识到压缩网站上图像的重要性。庞大的全尺寸图片会降低您的页面加载速度，这会损害网站的用户体验和搜索排名。

实际上，移动页面速度是官方排名因素。移动用户根本就没有耐心等待网站加载。

因此，在将图像上传到网站之前，请使用诸如TinyJPG之类的图像压缩工具来优化图像的文件大小而不会影响质量。

如果您拥有一个电子商务网站，这尤其重要，因为它可能有成千上万张需要高质量但尺寸较小的图像。

例如，耐克出色地完成了所有图像的超清晰处理，并且在台式机和移动设备上以闪电般的速度加载。正如您在下面看到的那样，该网站还针对拇指区域进行了优化，因此是移动体验设计的典范。

此外，为了确保最佳的移动速度，启用压缩，最小化CSS和JS，避免不必要的重定向，利用浏览器缓存。

放弃导航栏

导航栏在台式机或笔记本电脑上非常有用，它使访问者可以方便地浏览网站上的页面并快速找到所需内容。但是在移动设备上，空间非常重要。如下所示，导航栏可能会占用大量空间，这些空间可能会用于重要内容，例如文本和视觉效果。

当然，导航栏仍然是至关重要的导航元素，并且您需要在APP上使用它。为此，最好的选择是设计一个汉堡菜单，该菜单将您空间狭小的导航栏变成可扩展菜单。

如您所见，汉堡菜单用作抽屉，仅在用户调用时显示各种导航按钮。您今天遇到的每个高权威网站几乎都使用汉堡菜单代替导航栏。

在手机上禁用弹出窗口

2017年，Google对所谓的“介入式插页式广告”实行了软禁。根据Google的说法，无论是在用户从搜索结果导航到页面之后，还是在浏览页面时，都显示了一个覆盖主要内容的弹出窗口，或者显示了用户必须先关闭的独立插页式广告，然后才能访问主要内容-是使用户无法访问内容的技术示例。

因此，简而言之，弹出窗口在移动设备上是一个巨大的禁忌-它们已经在全尺寸的台式机屏幕上令人讨厌，在较小的移动屏幕上更是如此。

它们严重损害了移动用户的体验，因为访问者在单击时无法轻松找到他们期望的内容。

为了解决这个问题，Google明确规定“在从移动搜索结果过渡后用户不容易访问其内容的页面可能不会获得很高的排名”，从而阻止了移动网站上的弹出式窗口。

如果必要的话，请在页面上将弹出内容保留为不引人注目的部分。

最后

这些最佳做法中的一些对于您来说似乎很明显，但是无数的企业仍然倾向于忽略这些最佳做法，因此，它们的移动转化率较低。在移动用户对网站和应用程序的期望方面，该标准得到了进一步提高，人们会轻易放弃您的产品，以获取更加用户友好，直观或精简的产品。

因此，您的移动体验设计不再是事后的想法。确保与您的团队合作，将上述所有最佳实践纳入您的移动设计中。