你有一个移动网站，对吗？是响应式还是你用插件让它看起来更好？它会转化客户吗？多年来，随着移动互联网使用的激增，您的移动网站用户体验(或移动网站)UX）应该和桌面网站的用户体验一样关注。因为百度会越来越根据你的移动版来判断你的网站。在本文中，我们想分享你能做的十件事，以增强你的移动网站的用户体验（UX）。

虽然本文中提到的所有内容都适用于平板电脑，但我们在撰写本文时会记住智能手机。但是，在2020年，你不仅要记住智能手机，因为很多其他设备都会消耗你的内容。在你的智能手机上读这篇文章？当然，为什么不呢？

1.使用基于任务的设计

在设计用户时，记住用户的移动网站及其结构SEO。用户使用手机。他们可能会去任何地方检查你网站上的内容。那会是什么？考虑访问者在您的网站上所做的事情(检查百度统计，对您的业务使用常识或进行适当的测试)。确定你的移动网站的首要任务。

Wijchen.nl基于任务的设计

最高任务是客户最重要的一小部分任务(通常少于十个，通常少于五个)。这些都是用户希望在您的网站上快速完成的关键任务。优化您的移动网站，使这些任务最容易访问。

您需要完成任务。如果有人找到你的网站并开始浏览，请确保他们很容易找到并完成他们想做的事情。他们的手机上可能有很多他们习惯使用的应用程序。用户很难集中精力在移动设备上。干扰无处不在，不仅仅是在电话上。在切换到其他应用程序之前，请设计您的移动用户体验，以确保它们能够完成任务。

2.添加清除菜单和搜索选项

移动UX搜索是主要元素之一。你必须能够立即搜索。当阅读页面或单击另一页时，搜索选项应始终可用。事实是，虽然我们试图提供上一节提到的最简单的网站，但总有一些元素并不那么容易。对于所有这些内容，最好使用移动搜索选项。

如果你在网上卖衣服，搜索选项也可能是你移动主页上最重要的元素。在这种情况下，请将搜索选项显示在内容区域，然后通过其他页面上的菜单栏使用。

移动与搜索相关UX另一件事：拥有选项只是第一步。确保你的内部搜索结果页面看起来也很棒。结果应按相关性排序，如台式机和移动设备。确保可以区分单个结果，从而改善结果的分离。

三、无需分隔线

缺乏分离；这并不意味着你应该在移动网站上使用各种分离符。分频器可以占用移动空间UX负面影响。在没有分隔线的情况下，考虑风格元素的方式，使它们看起来像单独的部分。使用边框，空格，标题。在不增加只占用空间的线元素的情况下，可以做很多改进移动的事情UX。当然，不禁止使用。只要确保它们合适，不分散用户执行任务的注意力。

4.使用简短表单

就像你的桌面网站一样，你的移动网站可能或应该转换。购买产品或获取服务报价。所有需要用户输入的操作都需要填写联系表。过长的手机表单破坏了移动用户体验。用户可能会填写这些内容，但功能强大，因为它是一个太长的表单。

您希望表格尽可能短，以获得最佳的移动用户体验。删除你想问但不需要的所有东西。

5.保持网站简洁明了

在所有这些颜色和巨大的图像下，你可能会认为你的桌面网站看起来很棒，但在移动网站上，效果会有所不同。重点会减少。你的网站不必只是黑白的，但一个好的白色背景，一个或两个以上的黑色字母和支持颜色就足以成为更好的移动用户体验。

请确保您的移动网站和台式机网站具有移动奇偶校准功能——它们应该在移动和台式机上提供相同的体验。这不仅适用于内容，也适用于设计。此外，当你今天评估网站时，你应该始终从移动优先级的角度来看待它。所以，如果你想开始修改网站，请先移动。

也适用于网站动画效果等。添加到站点的JavaScript每一个不必要的部分都使加载和运行更加困难。此外，动画在移动网站上并不总是很有意义。保持网站简洁明了！

6.按键区域

如此明显，但仍值得关注。大多数人用手指和拇指浏览移动网站，按钮并不总是提供足够的空间轻松点击。你可以在百度的开发人员文档中"点击可访问的目标"下找到它。我们还需要能够使用该拇指单击元素。

在移动视野正确的网站上，建议最小触摸目标大小为48个独立于设备的像素。例如，虽然图标的宽度和高度只能是24px，但您可以使用其他填充物将点按目标尺寸提高到48px。48×948像素区对应9mm大约相当于一个人指垫区的大小。

此外，移动设备上的触摸目标应至少为1 cm x 1 cm渲染尺寸，防止错误和挫折。触摸元素往往与按钮击中区域密切相关。单击链接到其他地方很烦人，只是因为它旁边的链接离你想点击的链接太近了。

7.不要用太多字体

多样化的字体可以创建或破坏移动网站。您不仅会选择重要的字体类型，还会选择这些字体的大小。移动网站上不能只使用桌面字体。有两个原因：

手机屏幕尺寸。你不希望标题填满整个屏幕。确保文章从页面的第一个视图开始。您也不希望基本字体（如您的段落字体）太小而无需捏和缩放来阅读。

使用三种以上字体时，会造成混乱。大小差异会更明显。这就是为什么你应该将字体大小限制为两个或三个。

Google移动友好测试甚至可以检查你的字体大小是否正确。这主要用于文本字体，但仍然适用。

8.优化速度

正确的移动UX速度是水平的另一个主要因素。检查站点速度的工具有很多种。在大多数情况下，你可以采取几种措施来提高性能。图像优化总是显而易见的。至少你应该使用它Squoosh减小图像尺寸等工具。此外，还应合并并并最小化加载CSS和JavaScript文件。与服务器建立的连接越少，你的网站就越快，移动就越快UX越好。当然，你也应该使用高质量的托管服务，因为托管通常是许多网站的捷径。

网站速度是搜索引擎的热门话题。2021年，还将根据移动网站为用户提供的体验来判断。当然，网站速度是这些因素之一。

9.广告不要太多

很多网站用广告赚钱，完全可以。但是，您不应该做的是用弹出窗口等吓倒用户。当你让用户体验到的第一件事是注册表格时，你不会真正尊重用户。介绍广告和CTA以前，请确保内容加载得当。另外，保持它们的味道，淡化它们。当他们进入你的移动网站后第二次闪过时，你正在寻找与用户建立联系"购买我的产品"这种情况不会发生。这是一种糟糕的用户体验，甚至可能使搜索引擎不舒服。

10.一次又一次地测试你的移动用户体验。

当为访问者提供响应性网站时，您需要确保在网站的移动版本上测试桌面网站上的所有变化。这是确保你的移动网站保持最新状态的唯一方法。一次又一次地测试你的移动网站。

因此，总之，移动UX涉及很多事情。本文讨论了以下十种改善移动用户体验的方法：

使用基于任务的设计

提供有搜索选项的优质菜单

当区域清晰时，无需添加分隔线

表格越短越好

不要在设计中添加太多的颜色

确保单击按钮和链接

不要过度使用字体大小的变化

让你的网站尽可能快

不要做侵入性广告和弹出窗口

测试移动设备上网站的所有变化

期待您的看法！

这些只是我们认为在优化移动用户体验时应该考虑的十件事。

这些只是我们认为在优化移动用户体验时应该考虑的十件事。我们相信你可以提出更多的建议，并期待你对这个主题的看法：你认为移动网站还应该考虑什么？