F3.05.3task-aligned visual flow设计研究

动线应与任务顺序一致

别名: 任务动线 · 顺序错位 · flow-task mismatch

概念解释

结账最后一步,用户必须先确认应付总额,再按支付。页面却把一张会动的优惠券模块做成本屏最重的对象,总额用小字放在角落,支付按钮中等。眼先到优惠券,再找按钮,总额经常是回头才看见,于是出现「我以为是那价格」的事后纠纷。动线跟任务步骤错位:不是动线不存在,是它把人带到了错误的加工顺序上。对齐的意思是:权重序列的 1-2-3 与完成任务必须经过的 1-2-3 是同一条。

机制

任务顺序是外部约束:有的步骤在因果上必须先发生(看见总额 → 决定付 → 按按钮)。视觉系统不管因果,只按权重供货。错位时,人会先深度加工一个与决策无关或应在后的对象,工作记忆被占住,轮到关键值时只剩残余注意,于是漏看或看了不编码。优惠券动效还在时间上反复把注意拉回去,使本应按一次的「确认总额」变成可跳过的边角。对齐不是让页面更好看,是让注意供货顺序匹配因果顺序,减少「先看错东西」这类结构错误。

怎么研究

先写出不可颠倒的任务步骤,再在同一批材料上收集视觉序列,计算步骤逆序(任务要求 A 先于 B,视觉上 B 先于 A 的次数)。自变量是哪个步骤被做成峰值,因变量是逆序率和后续的决策错误(付错金额、漏看条款)。对照条件是把峰值改到因果第一项上。完成时间短不能当作对齐——有人飞快点完,是跳过了应看的步骤。

边界

探索性浏览没有唯一任务顺序,谈对齐没有锚。多步骤向导已经用分页把顺序钉死,单页内的动线只要不把「下一步」做成最轻即可,不必把所有说明排成严格 1-2-3。熟练用户会跳步,动线与任务对齐主要保护首次和偶尔使用者。法律强制展示的条款如果被做成最重,会满足合规却破坏支付任务顺序,这时要在时间或空间上把强制项和支付项拆开,而不是让它们抢同一条动线。

怎么落地

  • 给关键路径写一张两列对照:左列任务步骤,右列当前权重第一、第二、第三。出现交叉就改右列,不改左列的因果。
  • 会动、会闪、会倒计时的模块禁止放在决策值(金额、权限、破坏性后果)之前成为第一峰。
  • 总额、风险提示这类必须先于行动的值,至少在明度或尺寸上压过行动按钮;按钮可以近、可以大,但不能比它要确认的值更跳。
  • 验证:请人做完真实任务后立刻复述「你按下去之前确认过什么」。若复述里没有因果上应先出现的值(总额、收货地址),对照录屏看该值是否在动线里排在行动之后。把该值做成前三秒内的第一或第二,再测复述,直到关键值稳定出现在行动之前的口头报告里。

延伸

  • 同组F3.05.1 动线由权重序列而非位置顺序决定 · F3.05.2 多个同权重焦点会造成动线分叉
  • 相邻F3.07.1 视觉层级必须对应内容优先级 · F7.01.1 引导注意到变化发生处 · E1.10 按钮顺序
  • 站内检索visual flow · task order · centre of interest · checkout

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F3.05.3