在长网页设计中,怎样让用户情不自禁地向下滚动?

发布日期:2017-10-19
浏览次数:29
  
undefined
 
最近这段时间,长滚动网页和无限制滚动的设计越发受到用户的欢迎。它的兴起有两个原因,一是长滚动设计贴合了用户下意识滚动浏览的习惯,二是使用移动设备浏览网页的用户越来越多,用户在移动设备上更习惯于不停的向下滚动页面。而对于设计师来说,长滚动设计给他们打开了一扇新的大门;于站长们而言,长滚动设计也更加符合更多内容被用户看到的诉求。当然,这种设计手法也有自己的弊端,由于用户需要不断向下滚动,这对网站内容的质量、导航和辅助元素的可用性都作出了一定的要求,甚至有时还要求使用动效等元素吸引用户继续滚动浏览。下面就是小飞整理的让长滚动设计更符合用户预期的5个方法。
 
 
 

1. 一开始就提供有趣的内容

尽管用户几乎从登入网页的那一刻起就开始进行页面滚动,网站首屏的内容也是十分重要的。因为它们往往直接决定着网站留给用户的第一印象,影响着用户对于后续内容的期待感。换言之,用户是否会滚动页面,直接取决于网站的首屏内容是否有趣。所以,为了让用户主动向下滚动,你需要提供足够引起他们兴趣的内容,将网站中最引人注意的部分置于首屏:
1. 有趣的事实(一定是可以吸引访客、抓住他们注意力的内容、信息)
2. 引人入胜的视觉信息(访客更易对包含信息的图片等产生兴趣)
 
 
 

2. 提供视觉线索

有时候,让访客用户进行页面滚动最好的方法就是直接告诉他们。简单来说,就是在页面中提供视觉线索,比如下拉的箭头或“向下滚动”的图标文字,让访客知道点击滚动即可获取更多内容。下图就使用了下拉箭头来进行提示(不仔细看可能难以发现):
 
undefined
 
 
 

3. 保持导航菜单可见

导航菜单一直是网站的重要组成部分,它既能成就一个网站,也可能成为一个网站的败笔。在长滚动设计的网页中,可用性强的导航菜单就愈发重要了。不少用户常在不断向下滚动的过程中晕头转向,找不到回去或跳转其他页面的途径,这不可避免地会带来挫败感。这时,我们不妨在网站中使用悬浮置顶或固定式的导航菜单,这一方面可以让用户始终掌握自己所处的位置,另一方面也方便用户及时跳转到其他页面。
 
undefined
 
而在移动端网页的设计中,导航菜单的布置还要多花心思。这是因为移动端屏幕比PC端的要小得多,让导航菜单一直保持可见会占据不少空间。这时,最佳的解决方案就是让导航菜单在用户滚动时隐藏,而在用户停止时显现,方便用户进行跳转。
 
undefined
 
 
 

4. 使用动效提升用户参与感

在长滚动页面中,我们还可以使用一些创造性的效果,比如视差滚动、动画效果等。这些有趣的网页设计往往可以让用户的参与感更强,更想探索“接下来会发生什么?”。
比如在下图中,将网页分成几个可滚动的区块,每个区块中使用不同的动效介绍网站内容。让用户在不断的滚动当中,沿着我们设计好的路径进行浏览。
 
undefined
 
视差滚动是另一个可以有效提升滚动体验的流行动画效果。视差效果是指在背景图片和前景图片创造一个移动的速度差,从而给网页带来更多深度和沉浸感。如果,你想要在网站中使用平整、线性的长滚动设计手法,不妨搭配视差效果,它能让用户更有身临其境的浏览体验。
 
undefined
 
 
 

5. 避免滚动劫持

滚动劫持这个概念并不难理解。如果一个网站中设置了滚动劫持,用户在浏览时浏览器器本身的滚动机制会被代替。滚动劫持有时是设计师特意营造的浏览效果(Apple就在它们的Mac Pro页面使用了滚动劫持),不过这种设计方式并不总能给用户带来好的体验,因为它是超出预期且难以控制的,用户无法按照他们习惯的方式来滚动浏览。所以说,在网站中还是要尽量避免这种设计方式,一切以用户体验为主。
 
undefined

登录后即可发表评论,立即登录.