J2.14.4heading overuse设计研究

过度使用标题标记非标题性质的强调文本会稀释导航价值

别名: 假标题 · heading used for emphasis · outline pollution

概念解释

把「限时优惠」标成标题,是因为它看起来要大、要醒目,不是因为它开启了一个章节。标题列表因此被广告词、口号、卡片促销语填满。用标题做强调会稀释标题作为导航目录的价值:真正的章节名淹没在一堆不是章节的大字里,用户不再信任这份名单。

强调的手段是样式或强调元素。标题的手段是开启一个可进入的内容块。看起来大,不等于是标题。

机制

标题列表是一份目录。目录的密度有用,是因为每一项都指向一块下面还有内容的结构。把没有后继内容的强调句推进目录,密度变成噪声:用户要在二十条里找出三条真章节,扫描成本回到线性。更糟的是信任崩塌——上一次选「限时优惠」落进一句口号而不是一节,下一次真正的章节也会被跳过。

这条滥用和「为了字小而跳级」方向相反:跳级是该用的层级没用对;这里是不该进树的句子进了树。两者都会把大纲变脏,脏法不同。组件库把卡片标题一律输出成标题元素,于是概览页上十二张卡片就是十二个假章节,即使每张卡片下面只有一行摘要。

怎么研究

把标题列表里的每一项分成「开启了一个内容块」和「只是强调句」两类,计算污染率。请用户只靠标题列表完成「找到某章」任务,记录被假标题带走的次数。

自变量:非章节标题的比例、卡片是否一律输出标题元素、强调是否改用非标题样式。 因变量:污染率、章节定位时间、选中假标题的次数、任务放弃率。

自动化很难判断一句大字下面有没有真章节,需要人工对着列表点进去看。抽样营销页、仪表盘卡片墙、带促销条的结账页。不要用「标题总数」当指标——总数高可能是真的章节多,污染率才是这条判据。

边界

卡片本身就是一个可进入的实体(一篇文章的入口、一个仪表的标题),卡片标题作为真标题是合理的,前提是点进去之后那一块内容确实由这个标题管辖。引用块里的原文章节名是外来结构,应标成引用,而不是宿主页的章节。字号很大的品牌口号若同时是这一页的主题,它可能就是最高级标题,不能因为「看起来像口号」就撤掉。警告横幅需要被强调,但强调不等于升格为章节。

怎么落地

  • 只有开启了一个下面还有内容的块,才用标题元素。口号、促销语、徽章、一句话强调改用样式或强调元素。
  • 卡片组件不要默认输出标题元素;只有卡片作为章节或实体入口时才输出,并让层级接上页面大纲,而不是每张都当新的章节根。
  • 标题列表里删掉之后不影响任何一块内容的那些项,本来就不该是标题。
  • 验证:打开标题列表,对每一项问「下面有没有一块由它管辖的内容」。没有的,全部改成非标题强调。改完再走一次「靠列表找某章」,假标题带走的次数应降到零。

延伸

  • 同组J2.14.1 标题层级需要逐级嵌套,不应为视觉效果跳过层级 · J2.14.2 一个页面通常只有一个最高级标题对应页面主题 · J2.14.3 地标区域(导航、主内容、页脚)补充标题之外的结构线索
  • 相邻J2.09 语义结构 · J5.01 屏幕阅读器 · J4.08 注意力障碍适配
  • 站内检索heading overuse · false heading · outline pollution

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/J2.14.4