G4.09.3duplicate titles collide in multi-tab设计研究

多标签页同时打开同站点时,重复标题会让用户无法区分

别名: 多标签同标题 · tab collision · 无法区分标签 · identical tab titles

概念解释

同一站点常被并排打开:两张工单、两件商品、一篇文章和它的编辑页。标签栏上若出现两行相同的字,再认失去对象。重复标题在多标签下无法区分:问题不是标题不够「像这个站点」,而是几份文档共用了一个名字。人只能靠位置记忆(「右边第二张」),位置一被浏览器重排就错。

机制

并行标签把识别从「这一页对不对」变成「这一组里哪一张」。当 title 碰撞,组内的区分度掉到零,只剩下顺序和 favicon。同站点的 favicon 也相同,顺序又会被钉选、关闭、拖动改写。Dubroy 等人观察到用户用标签停放未完成任务;碰撞让停放的任务在外观上互相覆盖,取回变成逐一点开。碰撞还污染历史:两条历史记录同一标题,十分钟后无法判断哪条是编辑过的那张。

碰撞来源常见三种:全站同一个品牌名;列表和详情都叫「订单」;新开的空白编辑页在数据到达前共用「新消息」。SPA 复制路由却忘了把对象 id 写进 title,两张详情就同名。人不会去读完整 title 属性,他们读标签上那十来个字——碰撞在裁切之后更容易发生,因为区分段被放在后半。

怎么研究

让人并行打开同一模板的三份对象(三张工单),再在干扰任务后取回其中指定的一份。比较三份 title 各含对象名、三份同为模板名、三份只在后半段不同。

  • 因变量:第一次点中目标标签的比例、点错后纠正的次数、是否改用站内搜索。
  • 自变量:标题是否含对象标识、标识在前还是在后、标签宽度。
  • 方法论注意点:只开两张时碰撞还不痛,三张以上才稳定出现靠位置猜。干扰任务要长到位置记忆衰减。不要告诉他们「标题都一样」,那会让他们一开始就改用别的策略。

边界

用户并排打开的是完全不同的站点,碰撞发生在跨站的偶然同名(都叫「登录」),本站改 title 帮不上相邻标签。单标签工作流碰不到这条。预览和正文若被设计成应当成对理解,可以用「预览 · 某篇」和「某篇」这种成对命名,那是区分不是碰撞。

怎么落地

  • 同一模板的不同对象,title 必须含该对象自己的名字或编号,并放在裁切后仍能看见的前段。
  • 数据未到达的占位标题也要带对象 id 或「加载中的哪一张」,不要多张「新订单」。
  • 验证:并排打开三张不同工单,缩窄标签栏,请人指出指定那张。三张看起来一样即失败。把对象名挪到品牌后面再缩窄一次,若对象名被裁掉,顺序仍错。

延伸

  • 同组G4.09.1 页面标题需反映当前具体内容,而非全站统一的站点名 · G4.09.2 标题是标签页、历史记录与收藏夹中识别页面的主要依据 · G4.09.4 页面标题应与页内主标题一致,避免用户怀疑跳转到错页 · G4.09.5 动态更新的标题需避免过于频繁抖动,干扰标签页扫视
  • 相邻G2.07 导航的一致性 · G4.04 新窗口与原地跳转 · T2.02 标题与标签的可预测性
  • 站内检索duplicate title · tab collision · document.title

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/G4.09.3