看到这么一个关于翻页的设计:
1.没有常见的页码样式。
2.也页面的第一屏的最下端有一个“more results”的button.
3.点击“more results”后,在下方展开更多搜索结果,展开的高度为向下扩展一屏。同时,“more results”的button也扩展到第二屏的最下方。如图:
4.依次点击可以看到更多的页面
大家可以点击这里体验具体的效果。
这是一个非常新颖的交互方式。我印象中在微软live
search的曾经一个测试版本用过类似翻页。他的好处在于将使页面加载的过程在当前页面内完成。相比翻页要重新载入新的页面,这种方式还可以满足加载过
程中查看以前页面的内容。这样一个优点就极大的节省了用户的等待时间。
统计数据显示用户在搜索结果页面寻找内容时,翻页一般不会超过10页,所以这种翻页方式是满足常态下的翻页需求的。
引申一下,这种more的概念跟古代的简书类似。古代的简书是由很多片非常窄的竹片串接而成,在每片竹片上写字而成书,为便于存储,人们便将简书卷成书卷存储。阅读时,先展开一部分书卷,阅读完毕后再慢慢展开更多,直至读完。
当然,这种翻页方式并不是很完美,有些需求它还暂时无法满足,比如:跳页;页码定位等等。但是这种翻页的思路值得我们去思考和优化。
ps:在北京的朋友上班时是不是经常遇到订餐的烦恼?我推荐一个在线订餐的网站:豆丁。你可以在他们网站上选择你要的菜,提交后他们的客服帮你联系饭店送餐,就是这么简单。点击这里注册豆丁,他们还提供积分奖励的哇。