G2.05.2current-item highlight as minimum wayfinding设计研究
当前项高亮是最低限度的位置指示
别名: 当前项高亮 · selected nav state · you-are-here highlight
概念解释
在一排或一列去处里,必须有一个看起来像「就是这里」的项。当前项高亮是最低限度的位置指示:它不告诉你祖先是谁、有多深,只把当前节点从它的平级里标出来。没有它,每一页的导航看起来都一样,人只能去读正文标题来反推「我点过哪一个」,导航本身不再承担定向。
最低限度意味着:有它,浅层站点的位置问题通常就够用;没有它,任何更精致的路径控件都是在一块空白地图上涂装饰。
机制
平级项构成一个选择集。高亮把集合里的一个元素标记为已选,人用对比(字重、底色、下划线、图标填充)在一次扫视里完成「哪一个是我」。对比若弱到与悬停、焦点、通知角标抢同一套视觉通道,高亮就不再被读成位置,而被读成可点或有未读。
缺高亮时,导航在每一页重复同一份未选择状态,空间记忆无法把「这个槽是我上次选的」钉住。人会重新做一次完整搜索来确认自己还在不在目标里,或误以为需要再点一次当前项。标签栏、侧栏、分段控件都靠这同一条最低机制;它便宜,所以常被省掉——尤其是落地页、活动页、登录后的中间态,导航还在,只是没有任何一项被标成当前。
怎么研究
做「遮掉正文、只留导航」的定位任务,比较有无当前项高亮。
- 范式:同一套导航截图,一组有选中态、一组没有,问「你现在在哪一项」。再在真实站点里关掉选中样式,看人是否重复点击当前项或去找标题。
- 自变量:高亮的有无、高亮与悬停/焦点是否共用同一视觉、当前项是否在溢出之外。
- 因变量:从导航读出当前位置的正确率、重复点击当前项的次数、确认位置所花的时间。
- 方法论注意点:色盲与高对比模式下「只靠颜色」的高亮会失效,测的时候要包含无颜色通道的变体(字重、图标、下划线)。当前项若在汉堡菜单里,合上菜单等于没有高亮,移动端要单独测合上状态。
边界
单页没有导航项可高亮时,这条最低限度不适用,位置改由标题承担。当前页不属于任何导航项(搜索结果、404、弹层里的子流程),硬高亮一个最不像的项会撒谎,应让导航呈未选中并另用标题说明。高亮不能表达「在这一项下面的某篇里」,那是路径的工作。打印样式、纯阅读模式若收掉导航,高亮随之消失是预期。
怎么落地
- 为每一个会作为当前页的导航项规定一种与默认、悬停、焦点都可分的选中态,不要只改颜色。
- 当前页对不上任何项时保持全部未选中,不要随便点亮一个邻近项。
- 汉堡或溢出里的当前项,在合上后仍要在可见区域留一个最低标记(顶栏标题、选中的标签)。
- 验证:截导航、涂掉页面标题与正文,问「现在在哪」。指错或说「看不出来」,高亮还没达到最低限度。再在灰度或强制高对比下重复一次。