|
“一屏显示”的时代已经过去了。最近长滚动和无限滚动的网站越来越常见，这绝对不是一种巧合，如果用户在屏幕滑动内容时一路滑倒底没有任何阻力，这样的交互对于用户来说是十分舒服的。简单来讲，这种设计有三个好处：
1）可以简化导航条； 2）可以吸引用户阅读更多的内容； 3）可以完美适配到其他移动设备；
现在这种技术已经被大家所熟知和使用了，它对于移动端提高使用量起到了十分关键的作用：
“屏幕越小，滑动的时间越长”
除此之外，移动设备的手势控制使得滑动屏幕变得十分直观和有趣，但长滑动不是没有缺点的。以下是一些关于这方面的建议做法，可以确保你的长滚动设计满足用户的期望。
使用视觉提示 将大部分的内容隐藏起来，然后引导他们点击观看
建议使用有提示性的元素引导他们，以便每个用户都知道这种工作原理。小小的视觉提示诸如指向性的箭头或者“向下滚动”的东西都可以提醒用户阅读屏幕下面的内容。
 用指向性箭头提示用户大部分内容将列在屏幕下方。 图片来源：fillet 冻结导航栏 使用固定式导航或者跳转页面提示
使用长滚动最大的风险就是容易迷失方向-用户可能会在使用过程中产生迷惑。皆因浏览时不能确定当前的位置和导航卡，这样用户就容易困惑，降低了用户体验。
当准备做一个长滚动的网站时，请记住，用户仍然需要一个方向（他们当前的位置）和导航（其他可能的导航选项）。这个问题简单的解决方法就是做一个冻结导航，让它固定在屏幕上方，以便用户知道自己在哪里。
 图源：Google 如果由于屏幕空间有限而无法添加导航栏，则应考虑使用跳转页面提示。
 跳转页面提示位于屏幕的右侧 图源：brightmedia 移动设备：由于移动端屏幕要小得多，导航条所占比例可以相对大一些。当用户滑动屏幕查看内容向下拉并试图返回顶部时，这时隐藏导航条就一个好设计。
 Facebook通过滚动方向隐藏导航条的设计 图片来源：LMJABREU |
|
|
