北京网站建设长滚动网站页面设计的最佳实践如果已经确定一个网站项目适合长滚动页面设计,那么需要记住一些最佳实践,以确保它提供了最佳的用户体验。
首先,丢掉页脚!当内容不断加载时,页脚将不断地从页面底部推出。这意味着页脚中包含的任何内容或信息都不会出现。更糟糕的是,当用户看到页脚,但在他们有机会点击任何东西之前就看不到它了。使用粘性页脚是解决这个问题的一种方法,尽管完全删除页脚通常是更好的选择。
打破长滚动用户体验的一个好方法:在页脚中添加重要信息。
使用视觉提示是很重要的,尤其是当主屏幕加载时,页面上有更多内容时,视觉提示并不是很明显。当页面加载时,具有大标题图像或填充屏幕的可视内容的站点通常包括一个箭头(有时是动画)或类似的图像,以指示下面还有更多内容。
视觉提示对于一个页面滚动的网站是很重要的
导航应该是始终可见的,要么使用一个粘性的标题,要么使用带有导航链接的固定侧边栏。这在移动设备上是个例外,在移动设备上,粘性标题会占用宝贵的屏幕空间。Facebook很好地处理了这个问题,当用户向下滚动时,标题会消失,但当他们开始向上滚动时,标题会重新出现。
Chrome网络浏览器对屏幕底部的控件也做了类似的操作;当用户向下滚动时,它们会消失,当开始向上滚动时,它们会重新出现。这是一个非常直观的方法来创建一个界面,最大化可用的屏幕空间。
值得庆幸的是,在无限滚动的网站中,一个重要的UX特性变得更为常见,那就是在滚动到每个部分时更改URL。有些是通过页面内的内部书签来实现的。其他站点,特别是新闻站点和博客,在用户滚动时更新整个URL。这一点很重要,因为它允许用户链接到他们想要链接的内容,而不用考虑页面本身的更改。
一些网站设计师选择创建一个可以被认为是“混合”的长滚动站点,其中有一个“加载更多”按钮,可以直接将内容加载到同一个页面。一些UI设计人员在页面上重复使用这个功能,而另一些人选择只包含一次,然后将站点变成更传统的长滚动格式。
除了这些特定于web站点的长滚动设计考虑因素外,用于创建好的设计的其他UI和UX最佳实践仍然适用于使用无限滚动页面设计的站点。