用户在商品资料列表的第六页选择一个新分类,页面突然显示“没有结果”,未必说明该分类真的没有资料。也可能是结果已经缩短到两页,而界面仍沿用原来的第六页。页码脱离它所属的结果集合,就会把状态问题伪装成内容不足。

GOV.UK设计系统的分页说明提出,筛选或排序应作用于整个列表,而不只是当前页,并在操作后将用户带到新结果的第一页。这个规则同时约束数据范围与界面状态:后台计算哪一组结果,前台就应显示属于那一组的页数和内容。

一个自拟例子是文档中心按年份筛选资料。筛选前的“第六页”描述全部年份中的位置;筛选后,它已经不再是同一个列表中的位置。若只在当前页过滤,用户看不到其他页其实存在的符合条件文档;若全局过滤却不更新页码,又可能落在空页。两种问题需要分别排查。

设计交接可以把一次筛选后的状态写完整:选中的条件、结果数量、当前页和已呈现条目应一致。如果存在排序选择,也应说明它是针对全部结果执行后再分页,而不是将眼前十条重新排列。这里的十条只是便于说明的假设,并非推荐的固定分页数量。

文档还建议在网页标题中呈现页码,让使用屏幕阅读器的人知道已经到了另一页;只有一页内容时则无需显示分页组件。在第一页不放上一页链接、最后一页不放下一页链接,可以使可操作状态与真实边界相符。

是否拆页仍要看性能和可用性,不能为了增加页面数量而强行分页。本文讨论的是列表阅读和导航的一致性,没有修改任何网站,也没有据此承诺搜索收录或用户任务完成率。上线验收时,需要用真实数据覆盖筛选后页数减少等情境。

信息来源

本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。