分步需要明确的总步数与当前位置
别名: 步骤条 · 进度指示 · wizard progress · step x of n
概念解释
把长表拆成多屏之后,人失去了「还剩多少」的直接视觉证据。分步进度(stepper / progress indicator)要同时给出两件事:总共几步,以及当前是第几步。只有「下一步」、百分比条却没有分母、或步骤名会在中途插入新页,都等于没告诉人终点在哪。这条管的是分步之后如何让剩余工作可估计,不是一屏该放多少字段,也不是分页会不会妨碍前后对照。
机制
目标梯度效应(goal-gradient effect)指出:越接近终点,完成的动机越强;但前提是人能看见终点。分步把整张表的长度藏进路由里,若界面只说「继续」,每一屏都可能是最后一屏,也可能后面还有十屏,预期无法收敛。位置信息把「未知的剩余工作」收成「3/5」这种可计算的差,人才能把已投入的时间映射到还要付的时间。步骤名(账号、配送、支付)补充的是内容预期,数字分母补充的是量。两者缺一都会让下一屏变成意外:有名无总数时,临时加出来的「确认」页会被读成欺骗;有总数但当前位置跳号,人会以为自己漏填或系统出错。
怎么研究
用向导完成任务,操纵进度的呈现方式:无指示、只有当前步名、有「第 x 步 / 共 n 步」、会在中途增加步数的条。
自变量:是否显示分母、步数在中途是否变化、步骤名是否与实际屏内容一致。 因变量:完成率、中途离开屏、对剩余时间的估计误差、事后是否觉得「被多加了一步」。
注意实验室任务短、步数事先知道,梯度效应会被压缩。真实产品里营销漏斗常把「创建账户」偷偷插进结账,这会污染「进度指示是否有用」的测量——测到的是信任破裂,不是步进器的视觉形式。条件分支若使总步数真的可变,要把「最多 n 步」和「因你的选择变成 n 步」分开测,不要把动态分母和撒谎分母混为一谈。
边界
两步流程用沉重的步骤条会显得小题大做,文案里写清「还差一步」往往够用。生成、搜索、审核这类终点不定的过程不该假装有固定 n。登录后才出现的合规补充页如果从未计入分母,即使用户能填完,进度指示也已经失信。专家反复填写的内部向导可能关掉步进器,改用可跳转的步骤列表;那是导航,不是进度安抚。
怎么落地
- 在分步表单的每一屏固定展示「当前步 / 总步数」,步骤名与该屏实际收集的信息一致。
- 总步数在进入向导时锁定;因条件字段少走的步,更新分母并说明「根据你的选择,还剩 k 步」,禁止在最后突然插入未预告的页。
- 允许回看已完成步,但不要用回看本身充当「你在第几步」的唯一线索。
- 验证:找未参与设计的人走完一遍,在每一屏停下来问「一共几步、现在第几步、下一屏会问什么」。答不出分母或对下一屏内容瞎猜,指示就失败了。