F7.05.2Inconsistent transition direction设计

方向不一致会破坏空间模型

别名: 方向混乱 · 转场轴不一致 · 空间模型破裂

概念解释

有的页从右侧进来,有的从底部涌上来,有的原地淡入,人无法排练「下一步会从哪一侧出现、返回会把我送去哪」。不一致的不是某一条转场不好看,而是轴在中途被换掉,空间模型无法完成一次闭合。模型一破,层级方向即使在单次操作里是对的,也没法迁移到下一次。

机制

空间模型靠重复把「这类跳转走这条轴」编成预期。一次例外就会让预期进入竞争:下一次跳转到来时,人同时准备右侧和底部,实际出现的那一侧无论哪边都有一半是错的。错误预期表现为返回时的短暂迷失、对「我是否还在同一产品里」的怀疑,以及不敢用手势返回。

不一致常来自组件各自带默认转场:对话框从中放大、底部表单从下升起、导航控制器从右推入。每一个单独都可以讲通,叠在同一任务里就变成三套几何。人没有为任务准备三套身体方向。

这和「全产品要统一空间模型」的范围主张不同。这里的破裂发生在同一条任务路径上的轴切换,即使产品其他角落是整齐的,这条路径已经够把模型打断。

边界

  • 两类真正不同的结构可以用两套轴,前提是结构可被静态识别:例如栈走水平、系统级模态走垂直,且从不在同一次手势里混用。
  • 第一次进入产品时还没有模型可破,不一致的代价会延迟到第二次之后才出现。
  • 纯淡入没有方向,不会制造错误轴,但也不能帮忙建轴;在已经有轴的产品里突然插入淡入,等于暂时关掉语法。

怎么落地

  • 沿一条真实任务把所有转场的进入边列出来。出现第三条边,就删到两条结构轴以内。
  • 第三方组件的默认转场必须改到产品已有的轴上,不能带着自己的方向进主流程。
  • 验证:让人预测「点这里之后画面从哪来,返回往哪走」。预测分散,就是轴已经在这条路径上竞争。

延伸

  • 同组F7.05.1 方向表达层级的进入与退出 · F7.05.3 返回的方向应是前进的逆向
  • 相邻F7.07.2 一致的空间模型降低导航困惑 · A7.04 预期违背
  • 站内检索inconsistent direction · spatial model · transition axis

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F7.05.2