上页与下页放在一起更便于点击;
通常情况下用户按"下一页"的情况最多,那么上页样式可以更简单些;
4) 用户心智模型分析
•以Taobao搜索结果列表页为例:
用户输入关键词进行模糊搜索,然后出现相关结果列表,用户需要逐页翻看查找,此时"上一页""下一页"使用最多,因此要设计的便于点击切换;或间隔两三页查看,因此样式上要区分查看过的页码和未查看过的;前几页浏览的几率最大,当翻到后面相关内容越来越少,用户会想要返回第一页,因此最好一直显示首页;页码数量不宜过长,不要导致用户视觉辨识困难;也不宜过短,以免给用户造成网站信息较少的错觉。
•新浪微博信息列表翻页用户心智模型:
用户浏览的信息是关注的信息,会像读报纸一样逐页的浏览下去,因此"上一页""下一页"用的次数最多;其次是跳转翻页,为体现轻量微博的概念,将传统翻页的中间页码部分简化成下拉菜单,既能标识当前页位置又能翻页切换跳转;
5) 总结
缺点是会打断用户阅读,影响用户关注的主要内容。
优点是条理清晰,便于分段查找信息,后台请求压力小;
与别的组件一样,分页不是单独存在的也要结合使用环境来交互设计。
二、 信息滚动翻页
GOOGLE图片
• "无限滚动翻页",当用户浏览到页面底部,自动刷新页面展示新的信息;
• 连续翻过很多页后,当再无内容可以展示时,自动出现关联信息按钮"查看更多信息",引导用户去浏览其他相关信息;
• 或需要点击一下才可翻页;
•页面过长时须提供"回到顶部"按钮;
更多贴近用户心智模型,方便阅读浏览。缺点是当一段信息不能及时刷新出来时,无法跳跃浏览其下面的信息。