Product Configurator

Airbnb 首页把目的地、日期和人数组合成首屏搜索任务，让浏览者直接进入可执行的房源探索。

Canva 首页把模板、设计任务和立即创作入口放在首屏，让新访客从一个具体成果开始而不是先学习产品结构。

围绕单一活动、受众或转化目标组织的独立页面模板。

解释方案、价格、差异和购买或联系路径的商业页面。

让用户输入信息、等待处理并获得可操作结果的工具型页面。

工具型页面中收集用户输入、设置参数和触发处理的输入区块。

工具处理完成后展示结果、解释结果并提供复制、保存、导出或继续操作的区块。

让用户通过参数、选项或上下文配置生成更贴合目标的内容或结果。

把席位数、用量或周期等输入转成可解释的价格估算，降低复杂定价的计算成本。

把单应用、全家桶、团队和教育等计划放在同一价格入口，帮助用户从产品组合中选择购买范围。

从产品组合入口组织 Jira、Confluence 等产品，再把用户引向对应的价格和购买路径。

以组织规模和产品套件版本组织计划，先让访客理解每个版本覆盖的协作能力，再比较价格。

把 Marketing、Sales、Service 等产品中枢组合成价格导航，先按业务团队确定购买范围。

用版本和产品云组合承载企业软件的价格信息，并通过版本层级引导从基础方案走向扩展方案。

围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。

定义可复用组件的结构、状态、行为和组合方式。

定义容器、列、间隙和阅读宽度等布局基础。

触发动作、提交选择或打开流程。

Image 如何在界面中被理解、操作或组合？

展示一个数值、单位、时间范围和解释的指标组件。

Select 如何在界面中被理解、操作或组合？

以一致布局组织多个卡片并表达集合关系的结构

组织多个输入、校验、提交和结果反馈的任务组件。

在操作或查询完成后集中呈现结果、解释和后续动作。