Web 页面模块与内容模式 / Checkout / Order Summary
Checkout / Order Summary
总结商品、价格、地址、支付和风险信息,支持用户完成交易。
关键字段
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 总结商品、价格、地址、支付和风险信息,支持用户完成交易。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 表单与转化、Input、Button、Badge、Typography、Web 界面设计、Form、Form Field、Plan Card、Pricing、Contact / Conversion、CTA Band
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 中 · 核心
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 场景化 · 中 · 核心 · 商业
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表,并包含反向关联。
- Contact / ConversionContact & Conversion Page应用于
承接用户咨询、注册、预约或其他高意图行动的转化页面。
- PricingPricing Page应用于
解释方案、价格、差异和购买或联系路径的商业页面。
- CTA BandCall-to-action Band应用于
在页面中段或结尾集中呈现下一步行动的转化区块。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与转化Forms & Conversion应用于
设计从理解价值到提交、注册、购买或联系的连续路径。
- TypographyTypography应用于
定义字体家族、字号、字重、行高和字距的基础尺度。
- BadgeBadge应用于
显示轻量分类、状态或数量标记。
- ButtonButton应用于
触发动作、提交选择或打开流程。
- InputInput应用于
接收用户输入,并提供焦点、错误和只读反馈。
- FormForm应用于
组织多个输入、校验、提交和结果反馈的任务组件。
- Form FieldForm Field应用于
把 Label、Input、辅助说明和错误反馈组合成可理解的输入单元。
- Plan CardPlan Card应用于
呈现一个定价方案、适用对象、价格、限制和行动的比较组件。