以用户为中心的设计

翻页 最后更新: | 文章数: 9

• 9. 简化翻页提升可用性 　  2009-03-12 20:24

  

  最终效果如下图，右侧灰边看相对位置，版权所有谨防假冒： 去年曾针对有时间先后的翻页记录了思考片段。之后没来得及调整一直是默认和插件并用，虽然难看但似乎可用性还凑合，没空所以没改。今天给WP-PageNavi升级偶然看了看结构代码，发现还算比较灵活，于是花了点时间尝试调整。 感觉用户对wordpress默认的翻页并不是很排斥，但个人认为wp-pagenavi默认的效 ... ...

  作者：千鸟  ，分类： 信息和交互 

• 8. 细节设计（一）-----页码 　  2009-01-22 14:42

  

  1.让下一页更容易点击对于浏览器来说后退按钮比前进按钮使用频率更高，firefox3优化了前进后退按钮。 对于网站来说，下一页比上一页使用更频繁，我们也可以借鉴firefox的设计思路来优化页码 2.原来滚动条也可以实现页码效果把滚动条往底部拖动，google read就会加载更多项目，比单纯点击 more 然后加载更多内容的页码设计的用户体验更流程。  ... ...

  作者：默契  ，分类： 信息和交互 

• 7. 我们需要的是怎样的分页？ 　  2008-08-17 07:38

  互联网上的资源多不胜数，无论我们搜索资料还是查阅新闻，或者是在网上淘物等等，肯定没少见分页！分页模式和表现方法也是各有千秋。我们来看看下面这些图片：A.我爱设计网 1.当前页的标示不统一，标示形式比较奇怪。 在第一页的时候看不出当前页是第几页，而且标示形式是在页码前加了一个“>”，感觉怪怪的。2.当前页的按钮呈可点击状态。 既然在当前页，我们还需要一 ... ...

  作者：schiy  ，分类： 信息和交互 

• 6. 创新式翻页 　  2008-08-14 02:42

  

  看到这么一个关于翻页的设计： 1.没有常见的页码样式。 2.也页面的第一屏的最下端有一个“more results”的button. 3.点击“more results”后，在下方展开更多搜索结果，展开的高度为向下扩展一屏。同时，“more results”的button也扩展到第二屏的最下方。如图：  ... ...

  作者：Banlon  ，分类： 信息和交互 

• 5. 邮件的排序与翻页 　  2008-11-05 13:10

  

  先看看国内邮箱的情况，几乎是清一色地使用“上一封”、“下一封”的描述方式。 图中网易vip邮箱，上一封下一封的点击是按收件箱的信件列表的排序决定。 点击上一封，回到我之前阅读的邮件，这使我很明确“上一封”就是按收件箱排序，表示被排在当前阅读的信件的上面的。 再来看看gmail：  ... ...

  作者：Azero  ，分类： 信息和交互 

• 4. 带页码的翻页体验与设计比较 　  2008-11-17 23:43

  

  别看翻页就占那么点儿地方，它体现的是市场的策略、程序的算法和交互设计。我选择了 Amazon、Google、Flickr、新浪和淘宝这五个网站，体验他们的翻页设计。这几个站点应该还算有代表性，Amazon 是国外购物网站，Google 是搜索引擎，Flickr 是 Web 2.0 和 Yahoo 的代表，新浪是中国门户，淘宝是国内购物站点（同时还拥有优秀的设计团队）。 Amazo ... ...

  作者：JunChen  ，分类： 信息和交互