G2.07.1stable navigation position and order设计研究

导航位置与顺序需跨页面稳定

别名: 导航槽位稳定 · spatial memory of nav · 顺序不变

概念解释

人记住的不只是导航里有哪些名字,还记住第几个槽、在屏幕哪一块。「设置」若在顶栏右数第二个,下一页就还应在那个槽,而不是挪到左侧或掉到第三。位置与顺序跨页面稳定管的是槽位和排列,不管标签怎么措辞,也不管全局成员名单是否完整——名单可以全在,顺序一乱,空间记忆和指向动作一起作废。

同一页内滚动导致吸顶,只要相对顺序不变,仍算稳定。换页之后第三项变成第一项,则不稳定。

机制

重复访问把导航编成空间记忆和运动记忆:手指向一个坐标,眼先看一个槽。Fitts 的指向针对的是位置,不是标签字符串。顺序一变,指向落到错误项上,必须改成一次视觉搜索才能找回,熟练用户反而比生手更慢——他们的自动化被打成错误。

顺序也是扫视路径的预期。人按学过的序列跳过不相关项,直达目标槽。插入、对调、把常用项提前,都会让「跳过前两个」这条规则打到错的对象。F1 里谈的是高频操作按钮的位置;导航条是整组槽位的阵列,任何一项挪动都会牵动邻居的坐标。成员不变但排列变,伤害专门落在已经学会这组槽的人身上。

怎么研究

让人先学会一套固定顺序,再在顺序被打乱的页面上做熟练任务。

  • 范式:重复指向同一导航项至渐近,然后打乱顺序或平移整组,测再访时与错误点击。对照「标签变了但槽位不变」与「槽位变了但标签不变」,以确认测到的是位置而非措辞。
  • 自变量:项在阵列中的序号、阵列在屏幕上的区域(顶/侧/底)、跨页是否锁定。
  • 因变量:指向时间、落在邻槽的错误、是否先看旧坐标再修正。
  • 方法论注意点:只测一次访问看不到空间记忆,必须有学习阶段。眼动上「先看旧槽」是位置被编码的直接证据。不要用个性化重排作为这里的实验处理——那是另一组问题;这里用的是跨页面、非个性化的顺序漂移(例如栏目页把当前项提前)。

边界

响应式断点可以把横条折成竖列,槽位的绝对坐标变了,但相对顺序若保持,空间记忆仍能迁移。阅读方向切换(左到右 / 右到左)会镜像整组,对应用户来说顺序仍稳定。首次访问没有空间记忆,顺序稳定帮不到生手的第一次,帮的是第二次起。项数随断点减少(溢进「更多」)时,被溢走的项坐标必然变,应让「更多」本身的位置稳定,把变化限制在溢出内部。

怎么落地

  • 为导航阵列规定一份跨模板的顺序表,内容页不得把当前栏目挪到第一位、也不得按「本页相关」重排。
  • 断点变化时保持相对顺序,只改变排布轴(横变竖)或把尾项收入位置固定的溢出。
  • 验证:叠三张不同类型页的导航截屏,对齐第一项。任何一项的序号对不上,就是顺序不稳。再请用过该产品一周的人闭眼指「设置在哪」;指到的坐标与当日页面不一致,伤害已经发生在熟练用户上。

延伸

  • 同组G2.07.2 上下文相关的导航变化需可预期 · G2.07.3 导航消失会让用户失去退路
  • 相邻F1.06 高频操作的位置稳定性 · G2.10 个性化导航的稳定性代价 · G2.06 全局与局部导航
  • 站内检索spatial memory · nav order consistency · motor memory

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/G2.07.1