SuperAPI AI 工具集

stepper-wizard-patterns

设计与创作

查看项目

更新于 10-16 05:06

技能介绍

用途:为多步骤流程(向导、分步表单)提供设计模式,覆盖步骤指示、进度展示与分步校验,适合注册、结账、申请等需要拆分为多步的流程。

主要能力与规则:步骤指示器用步骤编号加标签(如 Step 1: Account Details),当前步骤高亮、已完成步骤打勾、未到达步骤变暗;桌面端横向置于表单顶部,移动端纵向置于左侧栏或内联。步骤数控制在 3-7 步,超过 7 步应拆分为分区或简化。允许返回上一步且不丢失数据;按步骤校验而非最后统一校验;长表单保存进度并支持稍后继续;重要流程(购买、申请)增加最终确认步骤。

步骤内容:每步只放一个主题,不把“账户信息”和“账单”合并;把简单步骤前置以积累完成感;可选步骤放最后或允许跳过。

按钮:每步底部提供“Next”/“Back”;最后一步使用具体动作动词(如“Create Account”“Place Order”);长表单提供“Save and Continue Later”。

限制:资料未提供具体实现代码、框架或组件库,也未说明收费、平台与效果数据,暂未提供。