无限滚动卷轴设计让你看个没完没了,这是优点还是缺点?

杜永旺的头像

无限滚动卷轴(Infinite scrolling,编按:又称「瀑布流」)是现在很流行的介面设计方式,举凡Facebook、Google图片搜寻到电影《少年PI的奇幻漂流》的网站,(编按:还有最新改版的Flickr)都使用这样的介面设计方式。

不可讳言的,无限滚动卷轴在某些条件下,对​​使用者来说,比较方便浏览资讯,在互动体验上也比较连续。但事情总是无法完美,新的介面设计也是,以下我们就要来探讨无限滚动卷轴设计的优缺点。

优点
1. 因应新的装置

以往的萤幕,都是走宽萤幕的路线,所以资讯和选单常常会出现并排的状况。但自从手机出现后,选单和资讯流因应长窄的萤幕,只能使用垂直的排列。而垂直排列的内容,搭配向下卷动的行为,可以让使用者的阅读延续,并且让使用者可以持续的使用同样的手势输入。

2. 不用预先载入的等待

无限滚动卷轴,在使用者做卷动行为时,会载入更多的内容。随者社交媒体的流行,使用者关注大量的资讯,无限滚动卷轴提供了一种很有效率的方式去浏览海洋般的资讯,不用在换页时做预先载入的动作,让使用者在阅读时不会失去耐心离开。

3. 阅读的延续性

阅读长篇的文章时,由于使用者都是由上而下的阅读,所以一直往下接者看是很自然的,假如因为篇幅的关系,需要跳页的设计,会打断使用者的思绪。

4. 符合资源

分析机构指出,当使用者在Google 搜寻时,只有6% 会到第二页,意味者94% 的使用者只要10 笔资讯就满足了。所以无限卷动的设计,让使用者想看时(做卷动动作),再产生多一些的内容(载入),是比较符合资源的。

缺点
1. 使用者不容易决定搜寻量

寻找一个最佳结果,可能需要几秒钟甚至一小时,决定在于你研究的深度。在跳页的介面设计里,当你决定停止搜寻Google 的内容时,会知道在第几页。你可能已经预设好了这次要搜寻10 页的量,页数在这时就成了一个很好的中断点。

2. 失去所在的浏览位置

我们在做无限卷动时,常常会不知道卷到哪里。跳页的设计,可以让你知道你之前、之后,和现在的位置,你要去查某个页面(例如上一页、下一页、或是页面标签)的资讯是很明确的;而无限卷动的设计,没有分段点,你只能用印象去卷到你想要的位置。

3. 对使用者搜寻结果的干扰

你可能已经觉得某个搜寻结果还不错了,却因为资讯的不断出现,而让你觉得可能有更好的结果在下面,而放弃刚刚那笔结果。不过当你一直卷下去时,却又发现要回到之前的位置却又不知道在哪个位置。

4. 跳回原页面时,又需从最上方开始

无限卷动的设计不只打断了跳页的逻辑,使用者要从最上方的资讯浏览到最下方的资讯也很困难,尤其当使用者跳出去,再连回到原页面时,使用者浏览资讯的位置又必须从最上方开始,再往下卷动,这会造成使用者很大的困扰。

5. 更新的阅读范围较小

由于使用者已经卷到最下面,所以更新的范围会只剩下萤幕下方的一段,虽然使用者在细读时,也是一段一段看,但不能做大范围的标题搜寻。而且卷动时,页面的闪动,会让眼睛必须不断地重新对焦,增加使用者眼睛的负担。

6. 心理上的吸引,造成多余的浏览

不断出现的资讯,很容易吸引使用者不停地卷下去,就像一篇文章,没有句点,让使用者一口气一直读,找不到休息和中断的点,造成使用者多余的浏览。

7. 不能看到footer 的资讯

在网站设计中,通常在底部区块(fooer)都会一些相关的资讯。例如版权宣告、使用、或者导览等,但由于无限卷动的设计,让使用者很难去看到底部区块的讯息,但这些讯息有时候却对使用者很重要。

结论
新的介面设计,一定都会有好的一面和坏的一面,要决定使用什么样的方式,就要看资讯的内容而定。当然把优缺点列出来,可以帮助介面设计者做选择,也可以做一些补强的设计,例如在萤幕的左右边缘可以设计一些页签或是按钮等等。

(资料来源:Smashing Magazine)

网站运营论坛: 
© 2010 芒果运营. 网站运营文章默认采用创作共用之“署名-非商业用途-保持一致”协议。