Web 页面变种与结构 / Tiered Plan-card Selector
方案卡片选择
让用户在有限的方案层级中比较价值、价格和下一步动作,并选出适合自己的方案。
Identity · 身份
- 子类型
- 页面变种
- 父级类目
- Pricing
What · 是什么
- 定义
- 让用户在有限的方案层级中比较价值、价格和下一步动作,并选出适合自己的方案。
- 核心问题
- 让用户在有限的方案层级中比较价值、价格和下一步动作,并选出适合自己的方案。
- 组成
- Hero → 计费周期/地区控制 → 方案卡片 → 推荐方案 → 方案差异 → FAQ → CTA
Why · 为什么
- 使用目标
- 面向自助购买、免费试用或按团队规模升级的 SaaS 与订阅产品。
When · 何时
- 触发与表现
- 并列方案卡片、价格锚点、推荐标记和清晰的主要 CTA 是页面主结构。
Where · 在哪里
- 适用场景
- Hero、Product / Plan Cards、Feature & Value、Login / Auth、FAQ、CTA Band、Pricing Comparison、Social Proof
Lifecycle · 生命周期
- 状态
- 已完成
所属页面类型、常用区块、页面模块与实例
关系来自本地关系表,并包含反向关联。
- PricingPricing Page属于
解释方案、价格、差异和购买或联系路径的商业页面。
- CTA BandCall-to-action Band应用于
在页面中段或结尾集中呈现下一步行动的转化区块。
- Feature & ValueFeature & Value Section应用于
把产品能力、服务内容或页面价值转化为用户可理解结果的说明区块。
- FAQFrequently Asked Questions应用于
以问题和答案组织常见疑问的内容区块,通常位于页面决策或帮助节点附近。
- Pricing ComparisonPricing Comparison应用于
并列或分层展示方案、价格、限制和适用对象的商业比较区块。
- Social ProofSocial Proof应用于
通过证据、案例、评价、数据、合作方或透明说明降低用户不确定性的区块。
- CTA BandCTA Band应用于
在页面节点提供清晰的下一步行动、利益说明和低摩擦入口。
- FAQFAQ应用于
回答高频疑问,减少决策、使用或转化过程中的不确定性。
- Feature & ValueFeature & Value应用于
把产品能力、用户收益和证据组织成可扫描的价值说明。
- HeroHero应用于
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- Login / AuthLogin / Auth应用于
提供登录、注册、身份恢复或切换账户的入口与恢复路径。
- Product / Plan CardsProduct / Plan Cards应用于
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- Dropbox 方案升级Dropbox Plan Upgrade反向 · 属于
Dropbox Plans 突出推荐方案、存储容量和升级路径,帮助用户按容量与协作需求选择订阅。
- Figma 方案管理Figma Plan Management反向 · 属于
Figma Pricing 以方案层级、协作权益和团队规模为主要比较维度,并提供方案管理路径。
- Notion PricingNotion Pricing反向 · 属于
Notion Pricing 用月付/年付切换即时更新方案价格,并同时展示 Free、Plus、Business 与 Enterprise 路径。
- Slack Pro 升级入口Slack Pro Upgrade Entry Point反向 · 属于
Slack 在 Pricing 页面用方案卡片和升级入口连接免费团队当前需求与 Pro 方案。
- Spotify Premium 方案选择Spotify Premium Plan Selection反向 · 属于
Spotify 用并列方案卡片呈现价格、权益和订阅入口,让用户从个人、双人、家庭等使用情境中选择方案。
- Vercel PricingVercel Pricing反向 · 属于
Vercel Pricing 用 Popular 标记突出 Pro 方案,并将自助试用与 Enterprise 演示路径并列。