河西做网站设计:滚动UI技巧应该避免

2019.05.30 河西做网站设计

65

河西做网站设计滚动是我们所知道的网络的一个基本功能。然而,一些网站喜欢改变滚动的工作方式,这不仅会让你吃惊,而且会以负面的方式影响你的整体体验。

简而言之,滚动之类的功能应该保持简单。在本文中,我们将讨论滚动如何影响用户的体验。然后,我们将讨论两个流行的滚动UI技巧,您应该避免,并讨论更好的选择。

向下滚动继续阅读!

为什么滚动会影响网站的功能

从功能和风格的角度来看,现在的网站非常复杂。然而,我们与他们互动的方式通常非常简单。在大多数情况下,与网站的交互可以归结为点击、键入或滚动。我们都知道这三种功能是如何工作的,更重要的是,我们期望它们具有普遍性。

例如,想象一下,每次单击页面内的任何地方,都会访问一个向下滚动页面的网站。它会使导航混乱,在某些情况下,它甚至可能会让你相信你的浏览器或电脑有问题,尤其是如果你不懂技术的话。

然而,是你可以改变滚动的工作方式,而不会影响你的网站的可用性。以视差为例。它的工作原理是创造一种虚假的深度感,通过以不同的速度滚动剖面来实现:

河西做网站设计

但是,视差之所以有效,是因为滚动功能对于用户来说仍然是一样的。这仅仅是一个视觉技巧,如果实现得很好,看起来就会令人叹为观止。考虑到这一点,让我们来谈谈一些类型的滚动UI技巧,这些技巧不一定能改善用户体验,但却很常见。

2滚动UI技巧,您应该避免(以及为什么)

每当你在你的网站上实现新功能时,你需要问自己两件事:它是否实现了一个目的,它是否使你的网站使用起来更加复杂?理想情况下,答案应该分别是“和”否“。否则,你就有麻烦了。

以下是两种常见的滚动策略,它们为上述问题提供了不同的答案。

1。无限滚动

一个无限滚动的网站是时尚的,但它不是太实际。

河西做网站设计无限滚动是一个吸引人的名字,网站似乎永远不会结束-几乎字面意思。实现它意味着用户在滚动时将动态加载更多的内容,直到内容用完为止。

通常,在图库或博客索引上都会使用无限滚动。其目标通常是改进现场时间指标,而不必跳过几个页面。虽然效果看起来很酷,而且有一个合乎逻辑的目的,但实施这种策略有三个关键的缺点:

1. 它对大多数脚都不起作用。如果你的网站没有尽头,你将无法使用页脚除非你让它粘稠,这就占用了屏幕上的房地产。

2. 单个页面上过多的内容会影响性能。增加页面上的内容会占用访问者的资源。这意味着你的网站可能开始感到迟钝当用户滚动时。

3. 您需要实现加载动画。您经常需要添加某种视觉暗示当您向下滚动到页面底部时,要指示正在加载更多内容。否则,游客可能不明白发生了什么。

无限大滚动的简单替代方法是“分页”。如果你的网站内容太多,用网页来分解它是有意义的。不仅你的布局看起来不那么杂乱无章,而且从一个页面跳到另一个页面就像导航一样简单。

divi用户可以选择多少个帖子。在索引上显示,则主题将自动添加相对于内容的页面。同样的情况也适用于画廊模块,它支持在这样的情况下分页,在这些情况下,您有太多的图像,无法在一个页面中轻松地容纳。

你,你们能,会,可以避免添加更多的网页到你的网站,如果你只有少量的内容。但是,随着它的发展,您需要做出不影响用户导航的设计选择。添加页面是一个复杂问题的优雅解决方案,我们打赌您的用户不会对此抱怨。

2。涡旋劫持

卷轴劫持可以创造一个有趣的,但用户不友好的叙事体验。

通常,滚动是以设定的速度进行,这取决于你是使用键盘还是鼠标。然而,一些网站“劫持”了这些功能,使你在几乎没有过渡的部分之间跳跃。这听起来很小,但当你在野外遇到它时,可能会引起震动。

通常,设计和风格重的站点实现滚动劫持。他们有很多动画,视频背景,和其他铃铛和口哨。虽然它们看起来令人叹为观止,但它们也势不可挡。这就是我们反对涡旋劫持的具体原因:

· 它使导航显得迟钝。在大多数情况下,过渡将被人为地减缓,以避免看起来是即时的。然而,其结果是,你的网站最终会感到迟钝。

· 它剥夺了用户的自由。用户应该能够自由地浏览你的网站,滚动劫持可以让他们觉得自己受到了你想让他们看到的东西的限制。

· 有些游客可能会对这一变化感到困惑。如果用户需要精通技术来浏览你的网站,那么它在可用性方面的得分可能很低。

滚动劫持背后的目标是增加交互性。将此作为目标是非常好的,幸运的是,有几种方法可以做到这一点,而不影响您的网站的可用性。添加微相互作用例如,这是一个让访问者觉得你的网站更“活生生”的好方法。

但是,你不需要用动画填充你的网站创建一个引人注目的用户体验。如果你想要你的网站打破模具,最好的方法是设计一个独特导航方案,因为它的模块化系统,Divi可以帮助您实现这一点。

结语

当涉及到网页设计时,滚动不是很多人关注的事情。毕竟,这些功能在大多数平台和应用程序中都是一样的。考虑到这一点,改变它通常是一个坏主意,因为你的网站的可用性是固有的影响所有的访问者。

河西做网站设计一般来说,我们反对你的网站进行负面影响的改变,而改变滚动工作的方式就是其中之一。我们特别推荐您避免滚动UI技巧,它们是:

1. 无限滚动:这个设计技巧可以看起来很棒,但它可以影响您的网站的性能。

2. 卷轴劫持:基本功能,如滚动和点击,应该保持不变的任何网站访问。

你认为如何改变滚动在你的网站上的工作方式?在下面的评论部分与我们分享你的想法!

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP