Step 步骤条

步骤条也可称为是步骤导航,它是体现操作过程的方向和其中的各个关键环节,步骤条让用户可以清晰明白当前的操作和在整个任务流程中的进度。


用法

· 流程操作开始时步骤条就显示,直到结束;
· 进度条最后一步是进行必要操作的最后一页,或操作反馈的目标状态。(如:注册成功、交易成功、完成发布);
· 每个步骤的本文要简短,建议使用行动导向的文案(除最后一个步骤可以是状态外),每个步骤之间不能相互包含;
· 每一个步骤流程都必须要在页面上直观进行操作,避免使用弹窗跳转步骤流程。


分类

· 步骤条根据视觉层级可分为:箭头导向步骤条(Step Arrow), 数字步骤条(Step Circle)以及点状步骤条(Step-Dot)。
· 步骤条有三种状态:当前状态、进⾏中状态、完成状态。