网页中的分页设计

时间:2014-09-14

  上页与下页放在一起更便于点击;

  通常情况下用户按"下一页"的情况最多,那么上页样式可以更简单些;

  4) 用户心智模型分析

  •以Taobao搜索结果列表页为例:

  用户输入关键词进行模糊搜索,然后出现相关结果列表,用户需要逐页翻看查找,此时"上一页""下一页"使用最多,因此要设计的便于点击切换;或间隔两三页查看,因此样式上要区分查看过的页码和未查看过的;前几页浏览的几率最大,当翻到后面相关内容越来越少,用户会想要返回第一页,因此最好一直显示首页;页码数量不宜过长,不要导致用户视觉辨识困难;也不宜过短,以免给用户造成网站信息较少的错觉。

  •新浪微博信息列表翻页用户心智模型:

  用户浏览的信息是关注的信息,会像读报纸一样逐页的浏览下去,因此"上一页""下一页"用的次数最多;其次是跳转翻页,为体现轻量微博的概念,将传统翻页的中间页码部分简化成下拉菜单,既能标识当前页位置又能翻页切换跳转;

  5) 总结

  缺点是会打断用户阅读,影响用户关注的主要内容。

  优点是条理清晰,便于分段查找信息,后台请求压力小;

  与别的组件一样,分页不是单独存在的也要结合使用环境来交互设计。

  二、 信息滚动翻页

  GOOGLE图片

  • "无限滚动翻页",当用户浏览到页面底部,自动刷新页面展示新的信息;

  • 连续翻过很多页后,当再无内容可以展示时,自动出现关联信息按钮"查看更多信息",引导用户去浏览其他相关信息;

  • 或需要点击一下才可翻页;

  •页面过长时须提供"回到顶部"按钮;

  更多贴近用户心智模型,方便阅读浏览。缺点是当一段信息不能及时刷新出来时,无法跳跃浏览其下面的信息。

  • 共3页:
  • 上一页
  • 2/3
  • 下一页
  • 上一篇:百度手机输入法:引领交互的革命 下一篇:一种带社会化帮助的用户手册交互设计

    相关文章

    最新文章