提供一致且可预测的结构
别名: 可预测结构 · 页面骨架稳定 · consistent layout
概念解释
认知障碍适配里的「结构一致」,首先是:这一步和下一步还长得像同一类页面,人可以靠位置找到主操作,而不必每换一屏就重新读懂版面。可预测的结构(predictable structure)把标题、进度、主按钮、返回放在稳定的骨架里,让理解力被省下来去做当前那一件事。
它是手段,不是把「同名同位、导航心智地图、跨版本改版代价」整组展开。名称和位置跨页稳定也会降低学习负担,但那是另一层支持;这里只要求流程内部的页面骨架可预期。
机制
重新解析一套新布局,占用的正是做决定所需的那份执行资源。骨架稳定之后,位置变成再认线索:主按钮还在右下、返回还在左上,用户不必先做一次「这页的语法是什么」。认知障碍用户更依赖这条捷径,因为从标签重新推导结构的成本更高、也更容易中途丢失目标。
内容可以变(第一步问身份,第二步问地址),变的是槽位里的字段,不是槽位本身。把「上一步 / 下一步」在相邻两步左右对调,看起来只是视觉花样,实际是把刚建好的位置线索拆掉——适配就失败了。
怎么研究
把同一流程连续五步的屏幕叠在一起看骨架,而不是看视觉风格是否统一。认知无障碍启发式会检查:主操作区、返回、帮助是否落在同一相对区域。模板走查比问卷更硬:给没有用过产品的人只看第 3 步,问「返回在哪、提交在哪」;若他们要通读全文才能猜,骨架就没有承担预测。
不要把「改版前后习惯是否被摧毁」当作这一条的主检验——那是跨版本维持的问题。这里只检验当前版本内部步骤之间的结构是否可预测。
边界
一次性营销落地页本来就不是流程骨架,不按向导模板来要求。向导里每一步的字段应当不同,否则分步没有意义;要求一致的是外壳,不是把所有表单拷成同一张。响应式断点改变排列方向时,在同一视口等级内相对位置仍应稳定。个性化把主操作挪来挪去,会直接破坏这条适配。
怎么落地
- 给流程做固定外壳:标题、步骤指示、主按钮、次要按钮、离开方式各占死槽位,步骤之间不要对调。
- 主继续动作不要在某一步改成页顶、下一步改成页底;返回不要有的步骤叫「上一步」、有的只剩浏览器后退。
- 验证:把连续步骤截图对齐叠放,检查主按钮与返回是否落在同一区域。再让没见过后续步骤的人只看中间某一步,指出「完成这一步该按哪、反悔该按哪」;指错即骨架不可预测。