Web 页面模块与内容模式 / Form Success / Next Steps
Form Success / Next Steps
在表单或任务提交后确认结果、解释后续处理并提供下一步入口。
关键字段
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 在表单或任务提交后确认结果、解释后续处理并提供下一步入口。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 状态与反馈、Icon、Link、Button、Typography、Web 界面设计、Callout、Result Panel、Contact / Conversion、Landing Page、Tool、Pricing、Progress / Empty / Error
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 高 · 核心
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 基础 · 高 · 核心 · 反馈
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表,并包含反向关联。
- 提交后的下一步Post-submit Next Step反向 · 应用于
在行动完成后确认结果、解释后续处理,并提供与用户当前目标相关的下一步入口。
- Contact / ConversionContact & Conversion Page应用于
承接用户咨询、注册、预约或其他高意图行动的转化页面。
- Landing PageLanding Page应用于
围绕单一活动、受众或转化目标组织的独立页面模板。
- PricingPricing Page应用于
解释方案、价格、差异和购买或联系路径的商业页面。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Progress / Empty / ErrorProgress, Empty & Error States应用于
描述工具或页面在等待、没有结果、失败和可恢复状态下的反馈区块。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 状态与反馈States & Feedback应用于
处理 Web 页面和工具在加载、空、错误、成功和进度中的体验。
- TypographyTypography应用于
定义字体家族、字号、字重、行高和字距的基础尺度。
- ButtonButton应用于
触发动作、提交选择或打开流程。
- IconIcon应用于
表达操作、对象、状态或方向的视觉符号。
- LinkLink应用于
Link 如何在界面中被理解、操作或组合?
- CalloutCallout应用于
用显著的视觉容器强调补充信息、解释或行动建议。
- Result PanelResult Panel应用于
在操作或查询完成后集中呈现结果、解释和后续动作。