关于按时间顺序排列内容分页的思考

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅途的每个阶段提供云产品。 立即开始使用 $200 免费积分!

分页是网络上普遍的设计模式。 部分原因是,像 Google 这样的庞大网站都在使用它

Google 搜索结果分页

分页是一种隐喻。 它是将内容分成多个页面的一种方式,因为将所有内容都放在一个页面上会过于繁杂或资源密集型。 Google 的做法定义了我们如何看待分页,以及我们认为直观的内容。 但目的是什么?

我说分页是一种隐喻,但这种隐喻取决于分页的作用。 在 Google 的例子中,它是一种相关性的指示器。

第一页是“第1页”。 数字越小,相关性越高。

您在 Facebook 上的“好友列表”也采用分页,但它是一种完全不同的隐喻。 此列表按字母顺序排列,因此您看到的第一个页面从“A”开始,当您向右分页时,您会深入字母表。

Facebook 的好友分页按字母顺序排列,这非常直观。

按时间顺序排列内容分页的问题

按时间顺序排列内容的示例是博客,其中条目按日期顺序发布,最新帖子显示在最前面。 为了举例说明,假设一个博客有 2,500 篇帖子,每页显示 5 篇帖子,总共 500 页分页。

向左还是向右?

在 Google 和 Facebook 的示例中,转到“下一页”都用指向**右**边的箭头隐喻表示。 这两个示例都没有处理按时间顺序排列的内容,但它仍然设定了一个相当强的标准,即“下一页”是方向上的“右边”。 如果你看一下 Google 博客搜索,它是按时间顺序排列的,他们使用的是 next/right 标准。

因此,在博客首页上实现分页时,唯一有意义的分页按钮是“较旧的帖子”,因为最新的帖子显示在最前面。 我们使用 next/right 标准吗?

按照 next/right 标准进行博客分页。

但这难道不感觉很奇怪/违反直觉吗? 我们说返回到过去”,而“返回”在我看来感觉像是“左”,而不是右。 因此,让我们打破这个标准。

较旧的帖子 = 左边 = “向后”

编号问题

当你查看博客的首页时,根本没有数字分页。 但可能人们会认为你正在查看“第 1 页”,就像 Google 一样。 我们已经知道唯一的分页选择是点击“较旧的帖子”,我们将其指定为在时间上向后移动并显示较旧的帖子。 我们称下一页为“什么”呢? 我们称它为“第 2 页”吗? 这会导致 URL 可能像这样

http://fakeblog.com/page/2

或者

http://fakeblog.com/?page=2

以及可能在视觉上像这样

从首页向后点击一次会导致“第 2 页”,但这有意义吗?

“第 2 页”将是最合乎逻辑和直观的选项,但我认为由于按时间顺序排列内容的性质,这会带来严重的问题。 假设下周发布了五篇新文章。 这意味着现在首页上的内容将消失,并且现在将位于“第 2 页”。 以前在“第 2 页”上的内容现在位于“第 3 页”,就像多米诺骨牌一样,一直延伸到最后。

我认为这方面有一些重大的问题。

  • 书签 – 如果有人在浏览内容时将其在网站上的位置添加为书签,只要发布新内容,此书签就会越来越偏离其原始目标。
  • 外部链接 – 如果有人链接到特定分页页面,只要发布更多内容,该链接就会失效(假设它是为了显示一些特定内容)。
  • SEO – 搜索引擎感到困惑,因为这些页面上的内容与它们上次查看时的内容不一致。 (纯粹的猜测,我不是 SEO 专家)

反转

我们已经反转了标准的 right/next 为 left/back,那么为什么不也反转分页呢? 不用向前编号页面,而是向后编号。 因此,当你点击“较旧的帖子”时,你就会看到“第 320 页”(或你拥有的最高编号分页)。

“较旧的帖子”结果向后移动到分页中最高编号的页面。

这样做的优势在于,创建新内容不会改变整个分页结构。 下周发布了五篇新文章后,“较旧的帖子”按钮只需转到“321”,而不是“320”。 这意味着所有外部链接和书签都将保留,搜索引擎将永远在相同的 URL 上找到相同的内容。

想法?

这只是一些思考。 我从未实现过这样的东西,甚至在现实中也从未见过这样的东西。 它只是在我脑海中盘旋,所以我想把它写下来。 你觉得怎么样? 它聪明吗? 愚蠢吗? 聪明但过于违反直觉而无法使用?