以用户为中心的设计

创新式翻页

作者:Banlon  |   发布: (编辑)Tony   |   时间:2008-08-14 02:42:58 文字大小:- +

看到这么一个关于翻页的设计:

1.没有常见的页码样式。

2.也页面的第一屏的最下端有一个“more results”的button.

3.点击“more results”后,在下方展开更多搜索结果,展开的高度为向下扩展一屏。同时,“more results”的button也扩展到第二屏的最下方。如图:
image

4.依次点击可以看到更多的页面

大家可以点击这里体验具体的效果。

这是一个非常新颖的交互方式。我印象中在微软live search的曾经一个测试版本用过类似翻页。他的好处在于将使页面加载的过程在当前页面内完成。相比翻页要重新载入新的页面,这种方式还可以满足加载过 程中查看以前页面的内容。这样一个优点就极大的节省了用户的等待时间。

统计数据显示用户在搜索结果页面寻找内容时,翻页一般不会超过10页,所以这种翻页方式是满足常态下的翻页需求的。

引申一下,这种more的概念跟古代的简书类似。古代的简书是由很多片非常窄的竹片串接而成,在每片竹片上写字而成书,为便于存储,人们便将简书卷成书卷存储。阅读时,先展开一部分书卷,阅读完毕后再慢慢展开更多,直至读完。

2008412153627140

当然,这种翻页方式并不是很完美,有些需求它还暂时无法满足,比如:跳页;页码定位等等。但是这种翻页的思路值得我们去思考和优化。

ps:在北京的朋友上班时是不是经常遇到订餐的烦恼?我推荐一个在线订餐的网站:豆丁。你可以在他们网站上选择你要的菜,提交后他们的客服帮你联系饭店送餐,就是这么简单。点击这里注册豆丁,他们还提供积分奖励的哇。

更多
打印  |  相关话题:翻页   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买