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