Web 页面区块 / Pricing Comparison
Pricing Comparison
并列或分层展示方案、价格、限制和适用对象的商业比较区块。
Identity · 身份
- 子类型
- 区块
- 父级类目
- 表单与转化、区块与页面构成
What · 是什么
- 定义
- 并列或分层展示方案、价格、限制和适用对象的商业比较区块。
Why · 为什么
- 实现目标
- 将商业调查阶段的比较任务转化为清晰、可执行的选择。
Where · 在哪里
- 适用场景
- 搜索意图、Pricing、Web 界面设计
How · 怎么做
- 实现说明
- 方案维度一致;价格单位明确;限制不隐藏;推荐方案有理由;CTA 与方案关系清楚。
How much · 多少
- 衡量指标
- 理解 · 转化 · 可访问性
Lifecycle · 生命周期
- 状态
- 整理中
适用页面类型与对应组件
关系来自本地关系表,并包含反向关联。
- 搜索意图Search Intent应用于
- Calendly 方案比较Calendly Plan Comparison反向 · 应用于
Calendly 在 Pricing 页面用功能矩阵比较各方案的限制与能力,帮助用户判断购买哪一档方案。
- Dropbox 方案升级Dropbox Plan Upgrade反向 · 应用于
Dropbox 在 Plans 页面突出推荐方案和升级路径,帮助现有用户根据存储与协作需求升级。
- Figma 方案管理Figma Plan Management反向 · 应用于
Figma 在定价与方案管理页面呈现方案差异和管理入口,帮助用户选择、变更或降级订阅方案。
- GitHub PricingGitHub Pricing Feature Comparison反向 · 应用于
GitHub Pricing 在方案卡片后提供完整功能比较表,帮助用户核对 Free、Team 与 Enterprise 差异。
- Jira PricingJira Pricing Calculator反向 · 应用于
Jira Pricing 让用户输入人数并选择月付或年付,生成与团队规模对应的方案价格。
- Linear PricingLinear Pricing Enterprise Quote反向 · 应用于
Linear Pricing 在方案卡片中将自助购买与 Enterprise 联系销售并列,帮助高复杂度团队进入询价路径。
- Mailchimp 方案比较Mailchimp Plan Comparison反向 · 应用于
Mailchimp 在 Pricing 页面用方案比较表并列功能与价格,帮助营销团队评估并选择订阅方案。
- Notion PricingNotion Pricing Billing Toggle反向 · 应用于
Notion Pricing 用月付/年付切换即时更新方案价格并提示年付节省,帮助用户比较计费周期。
- Slack Pro 升级入口Slack Pro Upgrade反向 · 应用于
Slack 在定价与升级页面用情境化升级入口连接团队当前需求与 Pro 方案,推动现有团队升级。
- Spotify Premium 方案选择Spotify Premium Plan Choice反向 · 应用于
Spotify 在 Premium 定价页用方案卡片并列展示各套餐的价格与权益,引导用户选择方案并开始订阅。
- Vercel PricingVercel Pricing Recommended Plan反向 · 应用于
Vercel Pricing 用 Popular 标记突出 Pro 方案,并通过试用与演示入口区分自助和企业路径。
- PricingPricing Page应用于
解释方案、价格、差异和购买或联系路径的商业页面。
- Comparison TableComparison Table反向 · 应用于
按维度对比产品、方案、服务或决策选项,帮助用户减少记忆和来回跳转。
- Pricing ComparisonPricing Comparison反向 · 应用于
把方案、价格、权益、限制和选择动作放在同一比较结构中。
- Product / Plan CardsProduct / Plan Cards反向 · 应用于
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- 企业定制报价Enterprise / Custom Quote反向 · 应用于
把复杂组织的安全、支持、采购和规模需求转成企业方案咨询或定制报价行动。
- 功能矩阵比较Feature Comparison Matrix反向 · 应用于
让用户按功能、限制和使用权益逐行核对不同方案的差异。
- 产品组合 / 套餐导航Product Portfolio / Package Hub反向 · 应用于
帮助用户在多个产品、产品线或套餐组合之间找到适合的购买路径。
- 席位 / 用量计算器Seat / Usage Calculator反向 · 应用于
把席位数、用量或周期等输入转成可解释的价格估算,降低复杂定价的计算成本。
- 方案卡片选择Tiered Plan-card Selector反向 · 应用于
让用户在有限的方案层级中比较价值、价格和下一步动作,并选出适合自己的方案。
- Adobe Creative Cloud PlansAdobe Creative Cloud Plans反向 · 应用于
把单应用、全家桶、团队和教育等计划放在同一价格入口,帮助用户从产品组合中选择购买范围。
- Airtable PricingAirtable Pricing反向 · 应用于
用工作区协作层级和企业方案组织价格,突出从个人试用到组织治理的升级路线。
- Asana PricingAsana Pricing反向 · 应用于
用免费、入门和企业层级建立自助升级路径,并在高阶方案处保留销售咨询入口。
- Atlassian ProductsAtlassian Products反向 · 应用于
从产品组合入口组织 Jira、Confluence 等产品,再把用户引向对应的价格和购买路径。
- AWS Pricing CalculatorAWS Pricing Calculator反向 · 应用于
把复杂云服务报价拆成服务选择、配置参数和估算结果,服务于技术用户的成本预估。
- Azure Pricing CalculatorAzure Pricing Calculator反向 · 应用于
把云服务目录、资源配置与估算结果连接起来,让用户按使用场景逐项建立成本模型。
- Calendly 方案比较Calendly Plan Comparison反向 · 应用于
Calendly Pricing 用方案卡片与功能矩阵对比会议类型、团队协作和管理能力。
- ClickUp PricingClickUp Pricing反向 · 应用于
以工作空间规模、计费周期和功能层级组合报价,覆盖自助购买到企业定制的连续路径。
- DigitalOcean PricingDigitalOcean Pricing反向 · 应用于
用资源规格、小时价和月度上限解释云资源成本,帮助用户在资源目录与估算之间快速切换。
- Dropbox 方案升级Dropbox Plan Upgrade反向 · 应用于
Dropbox Plans 突出推荐方案、存储容量和升级路径,帮助用户按容量与协作需求选择订阅。
- Figma 方案管理Figma Plan Management反向 · 应用于
Figma Pricing 以方案层级、协作权益和团队规模为主要比较维度,并提供方案管理路径。
- GitHub PricingGitHub Pricing反向 · 应用于
GitHub Pricing 在方案卡片后提供完整功能比较表,核对 Free、Team 与 Enterprise 的差异。
- Google Workspace PricingGoogle Workspace Pricing反向 · 应用于
以组织规模和产品套件版本组织计划,先让访客理解每个版本覆盖的协作能力,再比较价格。
- HubSpot PricingHubSpot Pricing反向 · 应用于
把 Marketing、Sales、Service 等产品中枢组合成价格导航,先按业务团队确定购买范围。
- Jira PricingJira Pricing反向 · 应用于
Jira Pricing 让用户输入团队人数并切换计费周期,生成与团队规模相关的价格估算。
- Linear PricingLinear Pricing反向 · 应用于
Linear Pricing 将自助方案与 Enterprise 联系销售并列,帮助高复杂度团队进入询价路径。
- Mailchimp 方案比较Mailchimp Plan Comparison反向 · 应用于
Mailchimp 用方案摘要和功能比较表帮助营销团队核对联系人数量、自动化和支持能力差异。
- monday.com Pricingmonday.com Pricing反向 · 应用于
通过席位数和产品线选择器,把团队规模、功能层级与报价入口连接起来。
- Notion PricingNotion Pricing反向 · 应用于
Notion Pricing 用月付/年付切换即时更新方案价格,并同时展示 Free、Plus、Business 与 Enterprise 路径。
- Salesforce Editions PricingSalesforce Editions Pricing反向 · 应用于
用版本和产品云组合承载企业软件的价格信息,并通过版本层级引导从基础方案走向扩展方案。
- Slack Pro 升级入口Slack Pro Upgrade Entry Point反向 · 应用于
Slack 在 Pricing 页面用方案卡片和升级入口连接免费团队当前需求与 Pro 方案。
- Spotify Premium 方案选择Spotify Premium Plan Selection反向 · 应用于
Spotify 用并列方案卡片呈现价格、权益和订阅入口,让用户从个人、双人、家庭等使用情境中选择方案。
- Twilio PricingTwilio Pricing反向 · 应用于
围绕消息、语音和验证等产品提供按用量理解价格的入口,并把产品选择与计算器路径连接起来。
- Vercel PricingVercel Pricing反向 · 应用于
Vercel Pricing 用 Popular 标记突出 Pro 方案,并将自助试用与 Enterprise 演示路径并列。
- Zendesk PricingZendesk Pricing反向 · 应用于
以支持场景和产品线组织套餐比较,先让访客选择需要的服务,再展开价格和功能差异。
- Zoom PricingZoom Pricing反向 · 应用于
在多个产品线和计费频率之间切换,用统一的方案卡片承载会议、协作和联络中心产品比较。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与转化Forms & Conversion属于
设计从理解价值到提交、注册、购买或联系的连续路径。
- 区块与页面构成Sections & Page Composition属于
把页面拆成具有明确任务和信息职责的区块。
- CardCard反向 · 应用于
将相关信息和操作组合成可扫描、可比较的内容容器。
- Plan CardPlan Card反向 · 应用于
呈现一个定价方案、适用对象、价格、限制和行动的比较组件。