文章搜索:
打开支付宝首页搜索“510617664”,即可领红包
  首页--> 计算机--> 设计理论
 
带页码的翻页体验与设计比较
http://www.xxqqss.com 学习轻松网 点击量:3045
 

Flickr 照片列表的翻页

按此在新窗口浏览图片

  • “上一页”“下一页”永远显示,但不同情况显示不同样式;
  • 按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点;
  • 告知用户列表的总数量;
  • 数量少得情况下,提供了“最后一页”的链接(图上没有);
  • 可以访问到所有的页,可惜如上图所示超过一定的页码,显示上有问题(IE 和 FF 都这样)。

新浪文章留言部分的翻页

按此在新窗口浏览图片

  • 新浪评论部分的翻页,Ajax 可以拖动翻页(显摆用的);
  • 永远提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本一致没有差别;
  • 告知用户列表的总数量;
  • 提供批量翻页(“上 10 页”)。

但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:

新浪博客的翻页

按此在新窗口浏览图片

  • 给出了“最后一页”的链接,直接显示为“第 n 页”,如上图中的“第 7 页”;
  • 在单个博客页面上的翻页,以“>>”作为下一页,而不是常见的“>”;
  • 提供了批量翻页(“上 5 页”)。

 作者:Farewelli


打印】 【关闭
免责声明 :本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请发送fiyeadwyv@163.com
最热门点击排行
 
版权所有 2006-2021:学习轻松网 Copyright http://www.xxqqss.com All rights reserved 浙ICP备14013707号-1
广告联系电话: 13958357030 联系QQ:9792414 工具条下载