减少移动设备滚动的技巧

人们常说设计师是解决问题的。客户有一个特定的任务，设计利用他们的知识在视觉上实现它。在网页和移动设计领域，它涉及简化界面，以便用户能够快速学习使用它们。

尽管移动设备在交互层面上有很多好处，但它们最大的限制之一是屏幕的尺寸。特别是如果你习惯于为电脑屏幕设计，将电脑网页设计转移到移动设备上可能是一项压力很大的任务。

移动设备屏幕的尺寸会给用户带来各种可用性问题，所以一定要特别小心。其中一个问题就是手机的滚动时间过长。在这篇文章中，我们提到了一些一般的技巧，如果你注意到你的手机网站的滚动时间很长，你可以付诸实践。

考虑移动设备的标准尺寸

对于网站来说，没有标准的高度衡量标准。向下或向上滚动对用户来说不是问题，您只需转到右侧的滚动条，并根据您的喜好向上或向下移动指示。
在移动设备上，正如我们已经提到的，当页面的高度变得太长时，用户就很难回到他们感兴趣的部分。扫描页面要困难得多。

虽然手机版没有标准长度，但理想的情况是网站可以在3到5个卷轴内完整地呈现。今天发布的大多数手机屏幕都略大，因为用户通常在这些屏幕上看电影和玩游戏。考虑目前最常用的移动设备型号，以便执行相应的测试。

将“行动号召”按钮放置在可见的位置

无论是在电脑还是移动设备上，第一印象都很重要。公司知道这一点，因此他们非常关心他们的网站主页，主要是在第一张截图中可见的所有内容。在电脑上，这样做效果很好，因为屏幕足够大，可以放置菜单、照片作为背景、标题和副标题，以及行动号召按钮。

然而，在移动设备上移动所有这些元素时，比如智能手机，它不仅屏幕更小，而且主要以垂直格式使用，而不是像电脑那样水平使用。尽管有这些限制，你必须在这些设备上吸引用户的注意力，为此，图像和行动呼吁(CTA)按钮都很重要。

主要信息和行动号召按钮应该在用户在手机上看到的第一个屏幕上可见。你必须考虑到你有更少的空间，然后你必须移动某些元素。您的CTA按钮可能位于图像的中心或第一个屏幕的右下方。

避免使用可能影响加载时间的效果

视差滚动是当前的趋势，已经存在了几年，就像许多其他的网页设计趋势一样，有一个适当的使用场合。如果使用得当，它会为你的网站增加价值，甚至有助于更流畅地讲述一个故事。

但是，像许多其他设计趋势一样，它有优点也有缺点。其中最值得注意的是，它增加了页面的加载时间，特别是在移动设备上。这是一个真正影响用户体验和SEO定位的因素。所以在你的网站上实施视差滚动之前要仔细考虑。在设计网站时，记得联系顶级的网站开发公司。

优化画廊的外观

不管你有什么类型的网站，它很可能有一个很好的图像数量，特别是如果它是一个投资组合或在线商店。请记住，不仅图像必须针对移动设备进行优化，而且图库的外观也必须适应移动设备的屏幕尺寸。

如果你有很多图片，最好有可见的标签，你的用户可以选择只看他们最感兴趣的照片。放置一个可以包含各种过滤器的搜索系统也是一个好主意，例如，如果它是一个拥有各种产品的在线商店。

删除重复元素

在网站上，通常有两个导航元素:放置菜单栏的页眉和页脚，页脚通常有相同的菜单链接和其他附加链接。这样做是为了防止访问者转到页面顶部返回菜单栏，您可以简单地单击首选项的链接直接转到您想要的页面或部分。

虽然它在计算机中是一个非常有用的功能，但在移动设备中，页脚中的重复链接必须消除。也就是说，已经在菜单栏中的导航链接不应该再次放置在页脚中。作为回报，始终保持手机上的导航可访问。最常见的选择通常是汉堡菜单。

全面评估你的网站，以验证是否有其他元素在网站上重复，并可以在移动设备上增加布局。

有了这些技巧，你将减少在你的网站上滚动的时间，这将反过来优化你的网站上的用户体验。在设计网站时，记得联系顶级的网站开发公司。