查看英文原文

原文作者：Alan Blackwood；初次发布于 2018 年 10 月 17 日，2026 年 7 月 8 日依据最新研究更新。本文为中文精读整理。

核心产品信息被拆进水平标签页的典型页面。

核心结论

Baymard 多年的大规模可用性测试反复发现：用户默认认为，只要向下滚动就能找到产品描述、评价、配送与退换货等核心信息。当这些内容被藏进水平标签页时，这种预期会失效。

最新测试仍确认这一模式表现不佳，但仍有 29% 的网站使用它。更可靠的替代方案是桌面端采用展开区块，移动端根据内容长度使用展开区块或垂直折叠区块。

为什么用户会错过标签页

标签页位于内容上方，用户开始阅读并向下滚动后，它很快离开视野。当用户想寻找评价、规格或退换货信息时，第一反应通常是继续向下，而不是返回上方再横向查看标签。

用户想确认退货政策，却没有立即注意到“Shipping and Returns”标签。

用户先滚到页面底部再返回顶部，最终才找到相关标签。

这种问题并不只发生在普通电商。测试中，住宿预订用户会错过设施与评价，B2B 用户会错过技术规格或购买入口。即使标签名称与用户寻找的内容完全一致，也不能保证它会被看到。

桌面端与移动端的问题不同

桌面端有较大视口，长页面通常不是核心内容发现的主要障碍。用水平标签页“节省高度”，反而把原本可滚动发现的信息藏了起来。

移动端的风险更高：标签本身可能超出屏幕宽度，需要横向滚动才能看到；用户阅读当前内容后，还必须记得向上返回标签区，再切换下一部分。这与持续向下浏览的自然习惯冲突。

移动端只能看到部分标签，额外增加了横向滚动与记忆负担。

可以使用标签页的例外

水平标签页并非在所有场景都错误。若用户已经进入一个明确的大区块，并需要在其中切换少量次级内容，例如“功能与规格”下的两三个子类，标签页可能有效。此时用户会仔细查看局部区域，而不是期待通过纵向滚动进入新的核心区块。

但移动端仍应限制为约 2–3 个无需横向滚动的子项。

更好的替代模式

桌面端可以把核心内容直接展开，并用粘性目录帮助快速跳转；移动端可以在短页面直接展开，在内容较长时使用垂直折叠区块。超长内容可以明确截断并提供“展开”，但不能让用户误以为内容不存在。

桌面端的展开区块让核心信息保持可滚动发现，并可辅以粘性目录。

移动端的垂直折叠区块既保留可发现性，也能控制页面长度。

设计检查清单

• 产品描述、评价、配送、退换货等核心信息不应只存在于水平标签页中。

• 先验证页面是否真的过长；很多时候，问题来自广告、交叉销售和次要内容过多。

• 桌面端优先考虑展开区块和粘性目录。

• 移动端优先使用展开或垂直折叠区块。

• 标签页只用于明确区块内的少量次级内容，并确保无需横向滚动。