提升移动网站用户体验的10种方法

打开凤凰新闻，查看更多高清图片

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

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

1.使用基于任务的设计

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

Wijchen.nl具有基于任务的设计

最高任务是客户最重要的一小部分任务（通常不到十个，通常不到五个）。这些是用户希望在您的网站上快速完成的关键任务。优化您的移动网站，以便最容易访问这些任务。

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

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

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

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

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

3.无需分隔线

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

4.使用简短表单

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

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

5.保持网站简洁明了

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

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

需要淡化的东西也适用于网站动画效果。您添加到网站JavaScript每一个不必要的部分都使得加载和操作更加困难。此外，动画在移动网站上并不总是很有意义。保持网站简洁明了！

6.按键区域

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

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

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

7.不要用太多字体

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

手机屏幕尺寸。您不希望标题填充整个屏幕。您应该确保文章从页面的第一个视图开始。您不希望基本字体（如段落字体）太小，无法编写和缩放阅读。

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

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

8.优化速度

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

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

9.广告不要太多

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

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

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

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

使用基于任务的设计

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

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

表格越短越好

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

确保单击按钮和链接

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

让你的网站尽可能快

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

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

期待您的看法！

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