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

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

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

按时间顺序排列内容分页的问题
按时间顺序排列内容的示例是博客,其中条目按日期顺序发布,最新帖子显示在最前面。 为了举例说明,假设一个博客有 2,500 篇帖子,每页显示 5 篇帖子,总共 500 页分页。
向左还是向右?
在 Google 和 Facebook 的示例中,转到“下一页”都用指向**右**边的箭头隐喻表示。 这两个示例都没有处理按时间顺序排列的内容,但它仍然设定了一个相当强的标准,即“下一页”是方向上的“右边”。 如果你看一下 Google 博客搜索,它是按时间顺序排列的,他们使用的是 next/right 标准。
因此,在博客首页上实现分页时,唯一有意义的分页按钮是“较旧的帖子”,因为最新的帖子显示在最前面。 我们使用 next/right 标准吗?

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

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

“第 2 页”将是最合乎逻辑和直观的选项,但我认为由于按时间顺序排列内容的性质,这会带来严重的问题。 假设下周发布了五篇新文章。 这意味着现在首页上的内容将消失,并且现在将位于“第 2 页”。 以前在“第 2 页”上的内容现在位于“第 3 页”,就像多米诺骨牌一样,一直延伸到最后。
我认为这方面有一些重大的问题。
- 书签 – 如果有人在浏览内容时将其在网站上的位置添加为书签,只要发布新内容,此书签就会越来越偏离其原始目标。
- 外部链接 – 如果有人链接到特定分页页面,只要发布更多内容,该链接就会失效(假设它是为了显示一些特定内容)。
- SEO – 搜索引擎感到困惑,因为这些页面上的内容与它们上次查看时的内容不一致。 (纯粹的猜测,我不是 SEO 专家)
反转
我们已经反转了标准的 right/next 为 left/back,那么为什么不也反转分页呢? 不用向前编号页面,而是向后编号。 因此,当你点击“较旧的帖子”时,你就会看到“第 320 页”(或你拥有的最高编号分页)。

这样做的优势在于,创建新内容不会改变整个分页结构。 下周发布了五篇新文章后,“较旧的帖子”按钮只需转到“321”,而不是“320”。 这意味着所有外部链接和书签都将保留,搜索引擎将永远在相同的 URL 上找到相同的内容。
想法?
这只是一些思考。 我从未实现过这样的东西,甚至在现实中也从未见过这样的东西。 它只是在我脑海中盘旋,所以我想把它写下来。 你觉得怎么样? 它聪明吗? 愚蠢吗? 聪明但过于违反直觉而无法使用?
绝对值得思考,而且经常让我感到困惑,特别是当网站使用 next/previous 而不是 older/newer 时,你的页面编号理念已经是论坛上的标准,在论坛中,较旧的帖子显示在主题的第一页,我不明白为什么它不能适用于网站,即使它可能与普通方法一样让很多人感到困惑……
这让我更加困惑,但它是一篇很棒的文章。 我很高兴知道我不是唯一一个。
我认同较旧的条目应该在右边的观点。 当我想到博客时,我想到的是一本书。 我想象新文章在书的前部,而不是在最后。 当我想阅读下一页“较旧”的页面时,我会“翻页”到右边以查看下一页。 我也是一个习惯动物,而且对那些将较旧的页面放在左边的网站感到恼火,我总是最终点击返回到较新的页面。
这难道不意味着有时你的第一页不会有 5 篇帖子,从而显得有些空白吗?
例如,有 20 篇帖子,页面将是
4 – 5 篇帖子(当前首页)
3 – 5 篇帖子
2 – 5 篇帖子
1 – 5 篇帖子
然后,你发布的下一篇文章将单独放在第 5 页上,也就是新的首页。
你是否对首页进行不同处理?
总而言之,我认为当前的技术并没有真正的问题,但这并不意味着我们不能改进!
说得对。 我认为你可能只需要对首页进行不同的处理,并确保始终有五篇帖子,即使这些帖子可能在下一页分页中重复出现。
这会使书签问题再次出现。 文章不会始终出现在同一页面上……
实际文章可以包含在各自的页面上,首页可以显示五篇最新帖子的摘要。 当用户“返回”时,将显示接下来五篇较旧帖子的摘要。 由于用户不会链接到摘要,因此它们是否保持静态并不重要。 内容将是静态的,这对于正常运行的链接和搜索引擎来说是最重要的。
当然,如果一个人只是写短篇帖子,那么摘要很可能包含整个帖子……
我讨厌电子邮件说“上一个”和“下一个”。我通常从新到旧阅读,但这在电子邮件中是“上一个”和“下一个”的含义吗?我不知道。我想这来自最可能的阅读顺序。
这也是博客的一个问题。阅读顺序是否针对网站的新手,他们阅读最新的帖子,然后逐渐向后阅读?或者从头开始(从你的第一篇文章开始)的人,他们正在努力阅读你所有的内容?
我认为这个想法只是一个沉思的尝试。我不明白它与旧分页和新分页的相关性和重要性。人们的兴趣可以在帖子的标签或类别上体现出来。
我认为博客上的分页很混乱,而且可能让人头疼,因为你不知道你在哪一页。尤其是当我们翻转数字,说最新的页面是 1 号的时候。而昨天 1 号页面上却有不同的内容。
嗯… 反转页面编号以保留链接是一个很棒的概念,但我认为按钮是一个可用性问题。“后退 = 左,前进 = 右”模式已经根深蒂固,但用户不会认为“后退”意味着“回到过去”,他们会认为“导航回我已看到的内容”。这是一个很难打破的惯例。我认为用户甚至不会费心阅读按钮;他们会认出这是一个分页器,并本能地指向右侧按钮以移动到下一页内容,然后当它变灰(在首页上)或将他们带到与他们期望相反的方向时感到困惑。
它还会造成一些视觉上的混乱… 如果最新页面是 321,点击“较旧”按钮会带你到 320 页面,则“当前页面”指示器将向右侧移动,即使你点击了左侧按钮。更合理的做法是将“较新”按钮放在最新页面旁边,将“较旧”按钮放在最旧页面旁边。
我同意这篇帖子和 Jonathon 早些时候的观点,我们不应该为了可用性而害怕颠倒时间顺序。每个人都知道博客网站在“前面”有更新的内容,在“后面”有较旧的内容,从而使从左到右的顺序变得有意义。
我在设计一个博客时遇到过这个问题(左右想法)。但是,如果你将分页博客视为日记,那么你得出的解决方案似乎合乎逻辑。当然,从高到低的编号方案不能很好地转化为物理日记,因为日记没有一系列行号。右 = 新 & 左 = 旧 的想法可以很好地过滤,你从日记的第一页开始,然后不断从右侧翻页以添加新内容。
不过阅读起来很有意思!
完全同意左 = 旧,右 = 新。
我个人喜欢按月份分页的想法。从当前月份开始,然后回溯。
我认为你这种方式实际上更直观,虽然人们一开始可能会觉得奇怪。我绝对认为这是一种更好的方法。
我的主要问题是如何在 WordPress 中进行这种改变?你可以在视频广播中展示一下吗?我认为我绝对想在博客中实现它!
时机正好,我刚刚在我的卡通/怀旧博客上实现了帖子分页,以尝试让访问者更长时间地留在网站上。由于它是在单一视图中,我只使用了“上一篇文章”和“下一篇文章”。
我在首页上使用标准的 Pagenavi,虽然我从来没有真正满意过。
我理解你的观点,理论上你是正确的。如果我要将博客视为在线日记,向前(向右)应该给我更新的条目。
不过,可用性和惯例告诉我,向下向右应该将我带到较旧的帖子。在这个领域,我认为它胜出。我认为正确命名此链接很重要(较旧的条目而不是下一个)。
至于书签和 SEO,我希望单个帖子被添加书签/索引(以及它们各自的较旧/较新的链接),而不是一页帖子。
你无法控制人们添加什么书签。我同意大多数人会为单个文章添加书签,但你无法绝对确定。
大多数博客模板中我讨厌的众多事情之一就是“左为旧,右为新”的方法,原因如下:在西方布局中,我们从左到右,从上到下阅读,这是我们从学习阅读时就灌输给我们的,所以我们无法摆脱它。看看任何博客的首页或档案,它(理所当然)在顶部是最新帖子,向下移动是较旧的帖子。现在,要进入水平序列,你必须将顶部转置到左侧,将底部转置到右侧(即大多数博客文章页面的反转),否则你已经根据我们根深蒂固的惯例颠倒了排序。档案、RSS 提要、索引页面等的反时间顺序与文章页面的正时间顺序没有意义。
至于对时间顺序提要进行分页,为什么要按一定数量的帖子进行分页?找到用户认为可管理的日期单位——例如一个月(每页存档显示超过六个帖子不会给服务器带来负担)——然后使用它。SQL 可能会更容易编写固定数量的页面,但人类不会这样理解。为什么要让用户界面适应数据库,而不是适应用户?
我认为基于日期的分页更明智,但没有理由你不能同时拥有两者。
不过,通用的基于页面的分页也有一些优势,因为它比日期更一致。如果你按周分页,而你在一周内发布了十篇文章,而在前一周发布了一篇文章,这会导致一些尴尬的分页。显示每一页上的固定数量并清楚地用标题显示日期会更好。
但页面上帖子数量的一致性对用户有价值吗?我个人不确定。
我同意你提出的观点,即在页面上有一个合理数量的帖子是有价值的,但我认为任何问题都是由选择时间片太小造成的。列表(存档)页面不应该包含完整文章(IMO),因此我认为选择至少一个月作为日期单位没有太大问题。地球上没有博客的性能会像 Google 结果首页那样糟糕 :)
我一直认为博客上的分页很奇怪,但它没有标准化,我认为这可能会让用户感到困惑。这就是为什么我更喜欢“较旧/较新的帖子”,因为左右不起作用…
箭头是一个很弱的图标,用来表示时间。
别让我思考!
在页面底部看到一些数字,我的脊髓告诉我后面还有东西,遵循下一个/右侧的标准。
我的大脑同意后退 = 上一个 = 左,但当涉及到使用直观的网页时,我的大脑没有太多可说的。
我喜欢“别让我思考”的态度,但我认为几乎所有这些方法都有资格。如果你有一个带有箭头的按钮,上面写着“较旧的帖子”,无论它在页面的什么位置,都不会涉及太多思考。这只是一个让放置以及点击后发生的事情成为最佳体验的问题。
Gmail 的较旧电子邮件指向右侧… 不过,现在想想,当我翻阅一本书以继续阅读时,它会带我到我还没有读过的页面。
我会选择旧的指向右侧,你知道,因为谷歌是这样做的。
很棒的计划——喜欢这场讨论。
我认为将下一页(或“较旧的帖子”)按钮放在左侧非常不合逻辑,因为
1) 我们从左到右阅读。如果我在首页上,想继续阅读,文本应该继续到下一页,这自然地遵循文本的流程(向右)。
2) 我们从 1 开始计数。用户并不关心他们到达那里之前发布了多少帖子。他们只是开始阅读,因此他们应该从第 1 页开始,然后继续到第 2 页。当反转分页计数时,存在造成混乱的较高风险。
3) “下一页”比“较旧的帖子”更相关。作为用户,我想阅读更多文章,我不关心它们是旧的还是新的——我只想要更多。我认为时间线比喻不够明显,最好通过不将按钮标记为“较旧”或“较新”来完全避免。相反,将分页按钮标记为“更多”、“下一个”、“上一个”等。
观点很好,谢谢分享,但我认为很多人会对很多观点表示不同意。就我个人而言,我认为“较旧”在博客分页中比“下一个”更好。当博客文章没有显示发布时间,所以我无法判断它的时效性时,我会感到沮丧。因此,我确实关心我是在网站上“倒退时间”还是“前进时间”,因此我希望我的按钮名称相应地命名。
不要忘记用户。不要让我思考
观点很好——查看我下面对ilter的回复,了解有关“发布时间”与“未读内容”的更多想法。
然而,我认为主要问题是我们都成长于这些我们以其为基础的心理模型的物理对象中——而且这些模型显然是完全不同的,这在我们将它应用于新媒体时就会显现出来。
主要挑战应该是为你所选择的分页提供清晰的心理模型,无论你作为设计师决定使用哪种模型。正如有人在下面所建议的那样,你可以绘制时间轴来表示基于时间的 mental model,这支持你的文章。
也许我们不应该专注于确定“最佳”的思考方式,而是应该专注于帮助用户直观地应用与设计师相同的心理模型。
浏览器按钮怎么样?
当我们想要转到上一页时,我们不会点击指向右边的箭头。
完全正确。在浏览器按钮的情况下,“后退”或“上一步”表示后退,就像“你之前访问过的网站”,与它们发布的时间无关。这是关于你之前是否访问过该内容。
正如有人在下面指出的那样——未读内容几乎总是显示在右边。无论是电影、书籍还是报纸。如果你还没有阅读或观看过,可以通过转发或翻到下一页来访问它。这同样适用于博客。从索引页开始,通过翻到下一页来阅读更多内容。
这可能对大多数访问者来说是正确的(他们要么是首次访问者,要么是尚未阅读博客上所有帖子的访问者——因此,他们可以通过翻到下一页来访问未读内容)。
不错的概念,我不会介意测试一下。
主页仍然是 xxx.com/ 吗?还是你被迫看到 xxx.com/page/nnn(nnn 是最新的页面),以便用户知道他们实际上正在查看最新的内容,并且网站的分页不像传统的分页?无论哪种方式,一个根深蒂固的惯例都被打破了。
对我来说,页面的内容发生变化可能对搜索引擎来说是有用的,因为他们会知道始终有新鲜内容可用,但也许变化太多会是一件坏事。
我实际上想试一试,因为我认为这是一个好主意。
你肯定想要将主页保留为 xxx.com/——无论决定使用哪种分页方式,即使它有点奇怪,你绝对不应该破坏这个惯例。
无限滚动是 WordPress 的一个很棒的插件,当您到达页面底部时它会加载更多帖子。我的博客就是一个例子
http://automaticlifestyledispenser.com/blog
这是插件网站链接
http://www.infinite-scroll.com/
有趣的插件,当然它在某些地方有它的用途,但对我来说,缺点大于优点——“缺点
* 页面的“页脚”通常无法到达。
* 目前没有办法取消或选择退出这种行为。
* 页面特定状态没有永久链接。
* 向页面动态添加更多内容会增加浏览器的内存占用。根据浏览器不同,这可能占用了大约 50 兆字节的内存。
* 分析不会立即捕获事件,因此需要自定义配置。
让我想起了 abduzeedo 使用过的一个插件,它只在页面那部分可见时才加载帖子的图片——我记得叫 LazyLoad,但我不确定它是否适用于当前版本的 JQuery。
我通常不喜欢延迟加载,因为它完全消除了滚动操作的可靠性——当我进入一个页面,我的加载指示器显示页面已完成加载时,我希望它确实已完成加载(至少在我点击某些东西以使其加载更多内容之前),并且页面的底部就是我的滚动条说它所在的位置。
尽管如此,我喜欢页面底部的 Twitter 风格的“更多”按钮。
为了防止博客页面过长,我可能会限制它一次显示 5 个帖子。
当你点击“更多”时,最新的 5 个帖子向上滑动并消失,接下来的 5 个帖子加载进来,并且 url 变为
blog.com#p=2
诚然,仍然存在书签、搜索引擎和非 JS 用户的问题,但对于大多数用户(包括我)来说,我认为这是一个更易用和直观的解决方案。
我真的认为书签问题不是什么大问题。我们在这里讨论的是博客文章列表,而不是单个文章本身。如果有人将你的博客文章列表添加为书签而不是单个文章,他们很可能知道它会更新。
另一篇非常有趣的文章。我一直想知道为什么“较旧帖子”在右边,因为对我来说,它也感觉很别扭,因为正如你所说,“后退感觉是左边,而不是右边”。但我从来没有想到过这一点。但我确实同意“较旧”和“较新”比“下一个”和“后退”更好。我认为,在涉及博客时,了解你是在时间上倒退还是前进非常重要。我想,我必须习惯较旧/右边的按钮,即使它感觉不自然。
我认为保留的页码很有道理。
除了有一件事…它们在向右递减。
我认为最高的(最新的)页码应该在右边,因为“右边”也是“较新帖子”按钮的位置。
至于其他的,它完全说得通。
为了回应之前的评论,有人可能会说我认为博客也是一本书,但它是一本历史书。它从早期开始,到现在的结束。因此,最新的页面是最新的页面。
在首页上,它可能会令人困惑,但在浏览档案时,向“右边”移动到“较新帖子”将非常有意义,就像在书中一样。
同意,相反的数字有点抵消了你翻转旧/新按钮的效果。与其翻转数字,你不应该按顺序保留它们,而是将最后/最高页始终放在列表的最后一个数字上,在右边。然后,当倒退时间/向左移动时,数字将对应于该移动。
很棒的文章。我自己也一直在思考这个问题。然而,对我来说,“较旧帖子”在右边是直观的。
对我来说,博客就像一大堆页面或纸张,它们是正面朝上的,当您更新博客时,您会在其中添加内容:当需要新页面时,就像在堆栈中添加一张新纸张一样(这是一个不太好的比喻,因为它描述了博客逐个帖子的更新方式,但这就是我的想法)。
面对这样一堆页面,我会像翻书一样,用拇指翻过它们的右边缘。所以我想这个比喻是一本不断更新、永远不会完成的书。要“阅读更多”——无论你是否在倒退时间——你都会从右边拿走页面。
我希望我理解正确。
我认为这取决于您想要显示的内容。
例如,如果您只想在博客上显示帖子,我会使用后退箭头来显示较旧的帖子,就像您在浏览器中后退以尝试保持这种标准方式一样。
至于搜索项,您可以反转,因为现在您是根据相关性过滤内容,因此您希望新内容在第一页,其余内容就像您阅读一本书一样。
因此,在我看来,底线是如何过滤内容和相关性,其他所有内容都会让访客感到困惑,人们希望现在看到他们想要的东西,他们不想看另外 300 页。
我怀疑有人会浏览 Google 搜索结果超过 10 页。
只是我的观点。
老实说,我发现“较旧”和“较新”这两个分页标签都很混乱。在我的博客上,我只是在底部放置了一个名为“继续阅读”的链接。我认为对于按时间顺序排列的格式,人们总是“继续”阅读,很少以其他方式阅读。
Twitter 也这么做。如果您在一个用户帐户中,其中显示了该用户的消息列表,底部的链接只是一个链接,是一个名为“更多”的大按钮。
当然,以上内容不适用于真正需要双向导航的内容。
我相信回到大多数人让他们的想法简单地归结为左边,仅仅是因为大多数人是右撇子。当我想到回去,我会想到我的左手往回走,而不是我的右手。
对于磁带、录像带、DVD 等,“按时间顺序向前”(快进)始终是“向右”,而“按时间顺序向后”(倒带)始终是“向左”。
对于书籍(至少是英文书籍,例如漫画则从最右页读到最左页),未读内容始终在右侧的页面。对于故事,这也表示“按时间顺序向前”。因此,“右表示更新”的理念与这种思维方式相符。
当然,像这样的物理介质总是从头到尾,从最旧内容到最新内容进行消费。而博客和其他数字媒体则不尽相同。相反,我们消费博客的方式要么是从最新内容到较旧内容(向下滚动首页),要么是从较旧内容到最新内容(订阅或定期查看首页),要么是从一个有趣的内容到其他同样有趣的内容(我们通过谷歌进入了博客的中间部分)。
我想知道分页是否是从物理媒体(书籍页码、DVD “章节”)中沿用下来的那些需要抛弃并用其他更适合数字媒体,尤其是博客的方法替换的。我不确定那些方法具体是什么。正如前面提到的,无限滚动无疑是一种方法。
如何用更非线性的方法,比如“主题地图”,其中帖子以类似思维导图的方式排列,相关的帖子彼此连接?对于像 css-tricks 和 digwp 这样的网站,由于其内容不会很快过时,我认为“有趣/相关”的内容比“按时间顺序相近”的内容更重要。
问题是如何以一种可使用、相关且可显示的方式“分组” “相关内容”?类别/标签和“相关帖子”插件是一个开始,但我相信帖子可以通过除我们为其指定的类别之外的其他属性相互关联。
同时,如何进行博客的上下导航?较旧的帖子几乎总是位于较新帖子的空间下方。此外,通过这种方式,您无需弄清楚“如何倾斜头部”(将左右导航与上下内容相关联的一个问题——就像电子邮件收件箱)。
今天我写博客的内容比我一个月前写博客的内容更相关。
第 1 页 = 相对最相关、最及时、最新。第 27 页 = 两年前的旧垃圾。
现在,如果访客通过表单进行“搜索”,而不是仅仅“浏览”存档,那么他们将获得一个按包含最接近其搜索词的词语/短语排序的文章分页列表。
太棒了..!
谢谢..!
根据我的经验,最好的方法是显示一个“更多”按钮,并加载额外的 X 个内容。用户确切地知道你的意思,不会感到困惑。从 SEO 方面来说,这种方法也没有问题,因为你应该有一个网站地图链接到网站的所有内容。
和大多数人一样,我同意:“更旧”应该在左边。但为什么不用“滑块”方式代替页码?就像你在播放视频时看到的。
[更旧] [——-o–] [更新]
至于书签,请使用“灵活”的基于日期的索引(将计算工作的重担转移到服务器上)。一旦有足够的帖子填满一页,你就会“自动”创建一个新页面,而不是随意使用星期或月份。页面“编号”是一个基于日期的地址,基于该页面中第一个帖子的日期。唯一的例外是你需要一个“缓冲”页面,即最新的页面。
对于一个每页 5 个帖子的例子
最新的页面“/my/blog/latest”至少显示 5 个帖子,最多显示 9 个帖子。当创建另一个帖子时,服务器会创建一个新的存档页面,由第 10 个最新帖子的日期进行索引(例如,“/my/blog/20091210/”),并将帖子 6-10 移入该页面。“latest”页面现在包含 5 个帖子。
就像在视频控件上一样,你可以在拖动滑块时显示位置(即页面)。
也许这不是一个理想的解决方案,但它不会“让用户思考”……
我完全同意左 = 较旧的帖子。我在我的博客上测试过,它确实有效。“上一篇帖子”是我主页上点击率最高的项目之一,因此读者确实理解这种逻辑。但是,编号有点混乱,让我思考了一会儿。
非常有趣的一篇文章和评论。很高兴看到人们以建设性的方式表达不同的意见。:-)
无论如何,我认为一些人通过将后退=右侧理论与书籍进行比较来进行宣传,这是在正确的轨道上,但得出了错误的结论。正如有人所说,书籍中最新的内容(在西方世界)可以通过翻到右侧页面来获取。
将其视为一个叙述。左->右结构是相当有效的。传统书籍和博客之间的区别在于,博客更像日记、航海日志或*留言簿,它打开在最后写入的页面上*。因此,你必须翻到左侧的页面才能看到较旧的条目。
不过,我对页码的翻转感到有点困惑。如果我理解正确的话,第一个写下的条目将是 #1,而图示示例中的最后一个条目将是 #231。我同意这一点。
但是:在这种情况下,编号本身应该翻转,以便 #1 在最左边(如 Google 上),而 #321 在最右边。不过,你从最右边开始。这样一来,在编号轴上的步进就与更旧=左边,更新=右边的隐喻同步了。
话虽如此,但我实际上更喜欢其他以主题为导向的博客导航方式,例如使用关键字、日历等。
想法不错,但问题是,每个人都习惯了“正常”导航,因此更改它会导致混淆。现在改变它已经太晚了。
虽然我部分同意你的观点,但我发现坚持那种“太晚了”的心态非常不利于建设性。
人们确实习惯了“正常”导航,但今天是常态的东西,明天可能就会成为笑柄。在这方面,不存在绝对真理。在某种程度上,这更像是一种时尚。
例如,前面提到的无限滚动是一种全新的事物。在配备触摸屏的设备上,以这种方式工作非常有道理。随着越来越多的触摸屏设备(如平板电脑、电子阅读器等)的出现,我们所知的传统分页可能会彻底消失。
总之,我认为设计本身能够消除使用不同方式的模式所产生的许多困惑。
顺便说一句
相关的例子是银行对账单。假设你有一个包含交易表格的页面,最新的交易位于顶部。该表格始终显示 20 笔交易。在翻阅分页表格时,哪个方向应该指向较旧的交易?
左边、右边——还是可能向下?
我很想听听你对此的看法。:-)
我一直认为滑块界面可能很适合分页。当你有非常多页面时,这种方式最有效。典型的分页每页跳过 10 个项目,但如果你有几百页怎么办?将你的页码列在显示你所在位置的滑块顶部。当你滑动滑块时,页码会随着它滚动。当你从滑块上松开鼠标(释放点击)时,你就会跳转到你滑到的页面。
以下格式可能会在这里被弄乱。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 等等…
———————————–*——————————————–
我也认为向左移动以访问较旧的内容更直观——但我认为,这种与 WP/博客相关的想法,应该从帖子的角度而不是页面的角度来考虑。
页面是帖子容器,这些帖子从 1 堆叠到 XXX,如果每次创建新帖子时,每个帖子都必须向上移动一个数字,那将是疯狂的。
页面是否应该根据当前帖子数量从后到前动态填充(实际上现在就是这样),但页码准确地描述时间顺序?
我通常将下一页按钮放在左边。根据我的观察,更多的人倾向于看向右边(实际的中心,第一象限/右上角)。为了保持大多数人都会访问主页的趋势,我将旧帖子的按钮放在右边,方便点击。在我的测试中,点击旧帖子按钮的人比点击新帖子按钮的人少。
“更新” “更旧”可能比“下一页” “向右”更好,因为它们更容易导致歧义。这场讨论需要一些用户体验专家加入;-p
严格来说,应该是“UX”,但我同意:)
我真的不认为这是展示分页的好方法。我个人认为,“Older”链接可以放在右边 - IMO 这样做没什么不自然的地方,而且很多网站都在使用它(Gmail、WordPress,以及几乎所有按时间顺序显示帖子的论坛软件)。
我觉得 older/newer 的想法很有道理。我一直不喜欢 next/previous 链接。我不确定 older 放在左边,同时旁边还有最高的分页号是否合适。
博客的本质是,你最新的帖子会出现在博客主页的最上面,这将是第 1 页(即使我们不在 URL 中使用 page/1/),因为第 2 页(page 2)只有在第 1 页满的时候才会创建。数字在旧的页面上会更大。
向左移动以返回是直观的,但更直观的是将较小的数字放在左边。看到分页的最高数字放在左边似乎违反直觉。当有人在主页面上进入博客时,你自然会希望在分页中显示 1,它必须在右边。这样感觉有点混乱。
我确实不介意看到旧的帖子放在右边,尽管我同意把 older 放在左边更自然。我认为只要明确哪边可以让你看到旧的帖子,哪边可以让你回到最新的帖子,人们就会没事的。
我一般不写博客,但你提到了一个非常好的观点。
我认为将你的主页命名为“Page 320”有点问题,不是吗?
你可能想考虑完全放弃分页。
我更喜欢看到这个:http://blog.wekeroad.com/2009/11/27/paging-records-sucks–use-jquery-to-scroll-just-in-time
值得注意的是,看看 Blogspot 是怎么做的。它没有页码。相反,它只有“Older posts”和“newer posts”链接。这些链接在 URL 中添加了一个“updated-max”参数。所以,它是基于时间戳的,而不是基于页码的。
我强烈支持左边的 older,右边的 newer 这种方法。仅仅是因为它更直观(我们从左到右阅读)。
对我来说,编号没问题。仅仅是因为当你写一本书时,你从第 1 页开始写,下一篇文章(新的)将在第 2 页。这也是你阅读书籍的方式。
在“现实”世界中,唯一以相反方式执行此操作的原因是出于存档目的或修订目的。这主要源于物理限制。
纸质材料通常存档或捆绑在文件盒中。当要添加新的文件时,你可以要么把已经放在里面的所有文件都拿出来,然后把新文件放在后面,再把其他文件放回去,要么可以简单地把它放在最上面。这要省事得多。
我认为你的 old=left 和 new=right 的想法非常直观。而且,你的网站上最老的帖子应该在第 1 页,这一点也很有道理。
我唯一想改变的只是你的示例中的编号顺序。你写的是
[«Older Posts] [321] [320] [319] [318] [Newer Posts»]
如果我点击左边查看旧的帖子,但突出显示的数字移到了右边,那么这就不直观了。
但是,如果你写成这样
[«Older Posts] [318] [319] [320] [321] [Newer Posts»]
那么你的编号顺序就遵循了你为左右 = old 和 new 制定的相同约定。
我之前看到有人提到论坛,确实论坛会这样分页,但在这些情况下,你开始浏览的第一个页面是主题中最旧的页面。
我认为,如果你看看网络漫画,你会发现它们多年来都是这样分页的。如果你访问 questionablecontent.com,你看到的第一个漫画是最新的一张,下面有 [First][Previous]…[Next][Last] 链接,右边的 2 是灰色的。这种设置非常适合按时间顺序呈现的内容,你希望访问者首先看到最新内容。
您好
文章不错。但是,将其更改为左边的数字(旧的文章)按顺序排列,而不是其他方向,是否更正确?
像这样
[older] [316][317][318][319][320][321] [newer]
第 321 页是较新的,因此必须靠近右边,而第 316 页是较旧的,靠近 older 按钮。
我考虑过反转页码(出于 SEO 目的),但一般的反馈建议用户期望页码从 1 开始 - 或者至少他们在屏幕上这样做。
关于一个我一直没有认真思考过的话题,进行了很棒的讨论。
我发现自己实际上不同意这里大多数人的观点。人们将博客的流程与书籍的流程进行比较。但对我来说,情况并非如此。对于一本书,你总是从最旧的内容开始 - 开头。但对于博客来说,则恰恰相反:你总是被呈现最新内容。你实际上是在倒着阅读这本书。
此外,我认为往左边移动表示你已经看过(比如,你已经阅读过的书的页面,以及你在历史记录中已经访问过的网页)。现在,尽管你阅读的任何进一步的博客帖子都会更旧,但它们 *应该* 被认为是未查看的。因此,你应该向右导航以查看更多博客内容(旧的帖子)。就像你从左到右阅读以阅读更多书籍内容一样。
希望这说得通。
我在之前的回复中省略了这一点,但我个人认为关于这个主题应该改变的一件事是“最新帖子”的处理方式。我认为最新帖子应该简单地热链接到一个通用的首页。首页与内容顺序或编号无关。它 - 如果你愿意 - 是书籍的封面,每次发布新文章时都会改变。
组合怎么样?
据我所知,这里似乎有两个问题 - UI 需要直观,并且 URL 需要可书签(且可读)。
在我看来,UI 应该从第 1 页开始,并使用一个 older 或 next 按钮向右增加。这已经深深地融入我们的界面潜意识中,要克服这个障碍需要花费很多脑力(older 放在左边会让我头疼)。
另一方面,URL 应该与页码成反比 - 第 1 页包含 id 最高的帖子,第 250 页应该是 id 最低的。
你可以在 URL 中使用起始帖子号来实现吗?例如,第 150 页将是 http://www.xx.com/startpost/5(如果你每页显示 5 个帖子),而第 1 页将是 /startpost/750,其中该页上的帖子从起始帖子开始向后计数(显示帖子 750、749…745)。
你也可以在 URL 中包含每页显示的帖子数量,例如 /startpost/750/showing/5。正如另一个博主提到的,问题是第 1 页上的帖子比其他页面上的帖子少(例如,如果最新帖子是 748),在我看来这很奇怪。你可以为第 1 页做一个特殊情况,并将起始帖子设置为 748(但这可能会让事情变得更混乱)。
注意。(这都是意识流,可能存在许多被忽视的问题)
一个非常有趣的问题,我认为还没有得到满意的解决...但在一两年内,我们可能会使用一种非常明显简单的系统,然后我们会回头嘲笑自己。
我同意支持“无限滚动”及其变体的人,认为这是最佳方法。我很少使用页面跳转,“next”和“previous”(及其变体)是我主要使用的导航方式。即使我跳转页面,也仅仅是“快进”让我到达时间轴的更早或更晚位置。
如果我们说的是博客,并且时间顺序是最重要的,我认为无限滚动,再加上某种“跳转到日期”小部件,可以让你获得所有可能的世界中最好的。日期小部件可以模拟“页面跳转”,“无限滚动”可以完成“previous”/”next”的操作。
当然,内容驱动的博客通常更容易使用类别/标签/搜索进行导航。我在 Chris 的博客上,想了解更多关于 jQuery 的知识,我会直接搜索 jQuery 文章(讽刺的是,这会把我带到谷歌搜索),或者更好的是,使用他的侧边栏“jQuery tutorials”选项卡。
如果你问我,分页的帖子有点糟糕。
忘了处理可书签的问题了...
点击您感兴趣的文章。将该软件中类似于“永久链接”的内容加入书签。我将为 Chris 的“关于分页按时间顺序排列内容的思考”页面添加书签,而不是当前包含该文章的“第 1 页”。
我不太清楚将页码加入书签到底有什么实际用途。您想要的是那些页面中的特定文章,而不是您找到该文章时的页面。
有一种方法可以解决所有这些问题。我们称之为堆模型。
顶部 = 最新
—
向上 = 更新
向下 = 较旧
—
底部 = 最旧
它与我们从博客列表视图中知道的反时间顺序模型是递归的,因此加强了用户脑海中的思维导图。加油。
分页链接可以定义为链接到下一页的第一项。其余部分可以从此处计算,并为该项选择正确的页面。
这很困难。我认为我们应该放弃内容分页的数字,并将它们保留用于搜索结果。
我们似乎有时忘记了我们(用户和设计师)正在处理的是 HTML 中的 HT(超文本)。
这些数字只是我们现在位置的偏移量。
关键是我们应该提供一种方法来返回该结果页面,并使其内容随时间保持一致(通常 Google 链接到列表会显示更新的内容)。
我认为我们应该将 1 2 3 4… 等编号保留用于搜索结果,而不是让 Google 列出这些页面,然后提供一个按时间顺序排列或按数字排列的帖子存档,该存档方便用户访问,这在“印刷媒体”的方式中更合理,但也会被 Google 列出并随着时间推移保持其内容(例如 2008 年 5 月的所有帖子或 150 到 159 之间的帖子,链接到第 15 页)。
这样,至少如果有人决定从网站内容中制作一本书,将会有更少的工作要做 :)
感谢 Chris 的这篇帖子。我正在为体育新闻网站构建一个 CMS 平台,客户希望在其主页上的页面中间某个地方有一个 div 块,其中包含按创建日期排序的所有新闻,并且需要进行 AJAX 分页。例如,当您第一次访问网站时,它会显示前 10 条新闻,分页链接应该位于底部,所以我的问题是,如果我有 50 个页面,每个页面有 10 条新闻(最后一个页面可能少于 10 条),而且我不能使用 1 到 50 的数字(考虑到空间),那么我该如何添加像这样的链接呢
首页 - 1 - 2 - 3 … 48 - 49 - 50 - 尾页
当您点击 3 时,分页链接将向前显示,这就是我卡住的地方,我不知道如何使用 jQuery 做到这一点,所以如果点击了 3,分页看起来像这样
首页 - 3 - 4 - 5 … 48 - 49 - 50 - 尾页。我知道我必须根据点击的链接来对哪些链接可见以及哪些链接不可见进行一些操作。
希望我没有让您感到困惑,但任何建议都将不胜感激,同时如果我做好了,我想与您分享。
谢谢您的时间
佐兰
我再次思考了这个问题。基本上,网络上的数字本身没有意义。对于人类来说,一串数字就是一串数字,表示从 1 到 X 的序列。
当访问者访问一个分页页面时,他/她可能会从“第 50 页”进入,然后看到一个“更旧/上一个”链接和一个“更新/下一个”链接,以及一些数字。
同样,这些数字没有任何意义,但它们可能与 Chris 在这篇文章中指出的方式一样令人困惑。
另一种方法是不让这些数字代表页码,而是代表页面跳转。布局将是
最旧 - … - 3 - 2 - 更旧 | 更新 - 2 - 3 - … - 最新
反转它仍然是有意义的。
这样做还有一个好处,那就是当您将倒数第二个数字放在那里时,比如
最旧 - 13 - … - 3 - 2 - 更旧 | 更新 - 2 - 3 - … - 24 - 最新
您实际上可以看到总共有多少篇文章,以及当前文章与最新/最旧文章之间的文章数量。
我确定我不是这里唯一一个阅读 XKCD 的人…… 这就是我在阅读这篇文章时想到的。
上一个在左边,下一个在右边,每个新漫画都比最后一个数字高。据我所知,它从来没有在那儿造成任何混淆。
XKCD.com 去看看吧(对于任何不阅读它的人来说,它值得一看)。
我不喜欢翻转分页的想法,即使是为了按时间顺序排列的原因。
我建议您不要将 URL 建立为 domain.com/page=2
而是
domain.com/2009/10/9
使用上次查看帖子的日期
或 slug 或其他任何东西。
这可以被重写(URL 重写并不难),这样您就可以列出该帖子以及接下来的 4 个帖子…… 该 URL 将始终产生这 5 个帖子,即使发布了新的帖子也是如此
但是,我不会对实际分页进行任何更改,因此如果人们“记得”他们在第 10 页停止浏览
如果他们在 1 个月后回来,他们会看到一个完全不同的第 10 页(也就是说,如果您在这个月发布了新文章)。
但这确实解决了指向您网站的链接或人们的书签问题。(以及 SEO 问题,如果它确实是问题的话(我也不会 SEO 专家))
我就是不明白为什么首先将“第 10 页”加入书签有什么用。将您感兴趣的文章加入书签,而不是将它所在的页面加入书签。
*它所在的页面
我认为我同意 ET 的观点。为什么分页必须是左右的?如果分页遵循文章在一个页面上的排列方式,会不会更合理?在博客中,通常是最新的文章在顶部,较旧的文章在底部。也许在旁边尝试一个小栏目会很有趣,比如这样
/\ 更新的帖子
3
4
5
6
\/ 较旧的帖子
我认为这对于用户来说会感觉更合理,因为在一个页面上的帖子已经具有这种时间顺序。也许我会在我的新博客中尝试一下 :-)
思考通常很有趣。在构建主题时,帖子/页面的分页方式需要考虑。我认为我还没有遇到过其他与它相关的文章。很高兴您能写下您的想法。
我正在使用约翰·戈德利的广州主题,其中第一页显示了帖子的摘要。它使用了一个“旧条目”的隐喻,当鼠标悬停在其上时,会显示“第 2 页”。我认为这是绝对正确的,因为摘要页面就是第一页。如果您点击“旧条目”并转到第 2 页,它*仍然*是一个摘要,以相同的方式格式化。但是,如果您点击其中一个文章标题(无论是在原始的第一页还是第二页),分页方案都会更改。您将获得 /ArticleName/,如果它内部有页面,您将获得 /ArticleName/2/。
我完全同意 Chris 的观点。我一直抱怨博客的分页。
我只是补充一点,让所有相同的帖子始终位于相同的页面上,这将创建静态内容,并且不需要缓存页面,因为当一个页面获得完整的帖子数量时,它可以成为一个纯 HTML 页面。
我从来没有想过垂直导航,我也喜欢这个主意。
很棒的文章!
时间顺序和分页确实不太兼容。如何考虑另一个公认的隐喻来表示较旧和较新 - 那就是考古学的隐喻!
事实上,许多博客已经这样做了,将以前博客的链接放在屏幕右侧,最新条目在顶部 - 就像考古遗址的地层!它比向任何方向的左右分页更有意义。