导航

导航

案例

案例

客服 微信

微信咨询

电话咨询

电话咨询

咨询服务热线

15928373167

长滚动网站页面设计的最佳实践

标签:长滚动页面     2019-05-31 17:19:36

如果已经确定一个网站项目适合长滚动页面设计,那么需要记住一些最佳实践,以确保它提供了最佳的用户体验。

首先,丢掉页脚!当内容不断加载时,页脚将不断地从页面底部推出。这意味着页脚中包含的任何内容或信息都不会出现。更糟糕的是,当用户看到页脚,但在他们有机会点击任何东西之前就看不到它了。使用粘性页脚是解决这个问题的一种方法,尽管完全删除页脚通常是更好的选择。

打破长滚动用户体验的一个好方法:在页脚中添加重要信息。

使用视觉提示是很重要的,尤其是当主屏幕加载时,页面上有更多内容时,视觉提示并不是很明显。当页面加载时,具有大标题图像或填充屏幕的可视内容的站点通常包括一个箭头(有时是动画)或类似的图像,以指示下面还有更多内容。

视觉提示对于一个页面滚动的网站是很重要的

导航应该是始终可见的,要么使用一个粘性的标题,要么使用带有导航链接的固定侧边栏。这在移动设备上是个例外,在移动设备上,粘性标题会占用宝贵的屏幕空间。Facebook很好地处理了这个问题,当用户向下滚动时,标题会消失,但当他们开始向上滚动时,标题会重新出现。

Chrome网络浏览器对屏幕底部的控件也做了类似的操作;当用户向下滚动时,它们会消失,当开始向上滚动时,它们会重新出现。这是一个非常直观的方法来创建一个界面,最大化可用的屏幕空间。

值得庆幸的是,在无限滚动的网站中,一个重要的UX特性变得更为常见,那就是在滚动到每个部分时更改URL。有些是通过页面内的内部书签来实现的。其他站点,特别是新闻站点和博客,在用户滚动时更新整个URL。这一点很重要,因为它允许用户链接到他们想要链接的内容,而不用考虑页面本身的更改。

一些网站设计师选择创建一个可以被认为是“混合”的长滚动站点,其中有一个“加载更多”按钮,可以直接将内容加载到同一个页面。一些UI设计人员在页面上重复使用这个功能,而另一些人选择只包含一次,然后将站点变成更传统的长滚动格式。

除了这些特定于web站点的长滚动设计考虑因素外,用于创建好的设计的其他UI和UX最佳实践仍然适用于使用无限滚动页面设计的站点。

验证码

微信咨询

添加微信咨询

添加微信咨询

QQ咨询

电话咨询

统一服务热线:

028-8444 9577

15928373167

在线咨询

返回顶部