web design uiMay 1, 202610 min read

定价页难题

大多数定价页都是转化剧场,出自从没设计过别的东西的增长团队之手。定价页是网站上最诚实的一屏。下面说说清晰的定价页做对了什么,臃肿的又错在哪里。

By Boone
XLinkedIn
the pricing page problem

定价页是团队承认自己没想好该收什么钱的页面。四个档位,八列勾选标记,中间一道“联系销售”的门,角落里藏着一个年付开关。增长团队管它叫转化实验,然后上线了。访客滚动一次,切回别的标签页,永远不会告诉你为什么走了。

如果用户读完标题还不知道自己该选哪个档位,出问题的是产品,不是版式。定价是一个被渲染成设计的产品决策。大多数定价页靠版式去弥补团队始终没形成完整的观点。

定价页是网站上最诚实的一屏

定价页会暴露团队是否知道谁在付钱,以及为什么付钱。 其他营销页都能躲在文案后面,这一页不行。

首页卖的是氛围。功能页卖的是清单。定价页必须表态:档位、数字、适合谁、档位之间到底变了什么。别处的每一处含糊,都会在这里变成第四列或一条脚注。

做对的团队先选边,再选版式。没做对的团队对版式跑 A/B 测试,还管它叫战略。“测试 7 个变体”是产品不清晰的替代品,客户哪怕说不出来,也能感觉到差别。

五种失败模式

每个糟糕的定价页都栽在五种一眼能认出的方式之一上。这五种现在全都在线上跑着。

体素网格,四个带标签的方块,分别是列完全相同的“四档位墙”、层层堆叠的“勾选标记海”、带输入框的“计算器页”,以及一扇紧闭珊瑚色门的“联系销售关卡”
体素网格,四个带标签的方块,分别是列完全相同的“四档位墙”、层层堆叠的“勾选标记海”、带输入框的“计算器页”,以及一扇紧闭珊瑚色门的“联系销售关卡”

四档位墙。 Hobby、Pro、Team、Enterprise,四列一样高,功能清单互相重叠。四个档位通常意味着团队定不下三个,又凑不出两个的理由。这是披着选择外衣的骑墙。

功能勾选标记海。 八列,四十行,每个格子不是绿色对勾就是淡淡的横线。高级用户用不着,普通买家看不懂。访客的视线到第四行就掉线了。

拿计算器当定价页。 席位滑块,用量开关,地区乘数。用户现在是在替公司设计档位。当计算器本身就是单位时,计算器管用。团队拿它来躲避定价决策时,它就会失败。

“联系销售”的中间关卡。 三个档位可见,中间那个是按钮,上面是问号而不是数字。用户来是为了给自己定位,页面却刚把他们筛掉了。这种模式说明团队靠电话成交,因为他们没法在页面上说清价值。

没人读的对比表。 卡片下面展开的大矩阵,被包装成“透明”。它不是。它是产品团队没能转化成定价的规格文档。真正的透明是一个清晰的观点。

定价是一个被渲染成设计的产品决策

最清晰的定价页,体现的是对用户是谁、为什么付费的清晰产品观点。页面短,是因为观点短。

定价页是转化路径上的首屏主视觉区。 你在上面说什么,什么就是报价。访客把这一页当作产品来读,就像落地页会被当作品牌来读一样。

大多数定价页每季度都在变重,因为团队在加档位而不是删档位。每个新客群变成一列。每个销售异议变成一个星号。两年后,这个页面就成了内部分歧的博物馆,展品全是勾选标记。

配得上这一屏的例子

真名字,真细节。

体素示意图,三个底座分别标着 HOBBY、TEAM、BUSINESS,每个托着一个珊瑚色标签,写明单一决策:SOLO、SEATS、SCALE,底部是青色按钮
体素示意图,三个底座分别标着 HOBBY、TEAM、BUSINESS,每个托着一个珊瑚色标签,写明单一决策:SOLO、SEATS、SCALE,底部是青色按钮

Linear。 Free、Standard、Plus、Enterprise。按席位计算,真实数字在首屏,一张简短的对比表,各列真的代表不同含义。对 Plus 适合谁有明确立场,不会拐进“营销落地页”的老路。

Vercel。 Hobby、Pro、Enterprise。按席位计费很坦诚,带宽和构建分钟数清清楚楚,计算器只出现在与单位对应的地方。Hobby 免费,Pro 每席位二十美元,Enterprise 打电话。三个决策,三个按钮,没有中间关卡。

Stripe。 计算器就是定价的罕见案例。单位是每笔交易,所以计算器就是产品。2.9% 加 30 美分,是业内人人能背出来的基准。

Cursor。 按席位,简单,AI 方案被定为默认。Free 是真正的档位,不是戒断疗程。Pro 标着数字,没有星号。Business 给需要 SSO 的团队。

GitHub。 Free、Team、Enterprise。这个模型十年来几乎没变,依然管用。个人不用付钱。Team 获得共享私有仓库。Enterprise 获得 SAML、SCIM、审计日志。每个档位都对应一种真实的组织状态。

Superhuman。 每月三十美元,说到做到。没有免费方案,没有诱饵档位,没有“入门版”的骑墙。你要么需要这个价位的产品,要么不需要。

Figma。 席位加角色。编辑者付费,查看者不付。Dev Mode 是旁边的一个标签,不是硬塞在 Professional 和 Organization 之间的第四档。

Notion。 按席位计费,AI 加购单独成行。这个决定告诉买家,AI 是真实的成本、真实的功能,不是捆绑涨价。

Anthropic。 两条分线,开发者和企业,各自内部再分用量档位。这种拆分就是观点。API 上的独立开发者和用 Claude for Work 的团队,不是同一类买家。

Framer。 大多数读者都认得的反面例子。档位蔓延造出了一个提的问题比答的还多的页面。产品很出色,定价页读起来却像团队还没决定它到底是什么。

还有那个不点名的反例:每个档位 27 项功能、在第四行就丢掉买家的 SaaS 定价页。你关掉了那个标签页。每个潜在客户也一样。

交付一个观点的定价页,五条规则

这些规则会叠加生效。做到四条,页面就管用。只做到两条,你就得到了四档位墙。

体素堆叠,五根倾斜的条,标着 ONE PRODUCT OPINION、ONE DECISION PER TIER、REAL NUMBERS UP TOP、NO CALCULATOR UNLESS UNIT IS CALCULATOR、NO SALES GATE BEFORE QUALIFY
体素堆叠,五根倾斜的条,标着 ONE PRODUCT OPINION、ONE DECISION PER TIER、REAL NUMBERS UP TOP、NO CALCULATOR UNLESS UNIT IS CALCULATOR、NO SALES GATE BEFORE QUALIFY

规则 1:一个产品观点,摆在首屏

页面以一句话开头,说明产品为谁而做。不是首页的标语。是一句买家三秒内就能用来给自己定位的话。Linear 以团队和工作流开头。Vercel 以开发者和部署开头。Superhuman 以价格和承诺开头。

规则 2:每个档位一个决策

每个档位对应买家正在做的一个决策。独自使用还是团队。五个席位还是五十个。自助还是签合同。如果两个档位对应同一个决策,你就多了两个档位。档位名称应该描述决策,而不是宝石。

规则 3:真实数字摆在首屏

首屏没有数字的定价页,是穿着戏服的线索收集表单。价格是屏幕上最重要的像素。如果页面把数字藏在“查看定价”CTA后面,团队卖的就不是产品本身。

规则 4:除非单位就是计算器,否则不要计算器

Stripe 配得上计算器,因为单位是每笔交易。AWS 配得上,因为单位是每秒。按席位计算就不配。如果团队伸手去拿计算器是为了躲开档位决策,计算器只会让页面更糟。有意设计摩擦那篇拆解讲了摩擦何时物有所值。定价页的摩擦几乎从来不值。

规则 5:用户能自我判断之前,不要“联系销售”

Enterprise 可以有联系按钮,没问题。把“联系销售”放在中间档位,是对买家时间征税。如果团队要打电话才能报价,说明团队还没做完定价。

见到就该删掉的反模式

几乎每次定价审查都会遇到的五种模式。每一种都表明团队在躲在版式后面。

伪弹窗式“申请报价”推诿。 点一下打开表单,而不是显示数字。用户填完表单,换来的是被销售代表评估的“特权”。

藏起来的年付开关。 角落里一个小开关,把所有价格在月付和年付之间切换,默认选哪个数字截图更好看就用哪个。渐进式披露原则讲的是何时该隐藏东西。这里恰恰相反。

暗黑模式的删除线。 “原价 $99,现价 $79。”永久如此。这根删除线两年来都没指向过真实的旧价格。买家心里有数。信任没了。

贴在团队想卖的档位上的“最受欢迎”徽章。 基于真实数据的真实热门徽章没问题。贴在利润最高档位上的徽章就是表演,买家会反推出这个套路。空状态就是产品那篇的道理同样适用:销售界面的语气必须和诚实界面的语气一致。

以宝石命名的档位。 Bronze、Silver、Gold、Platinum。这些名字没告诉买家这个档位适合谁。它们浪费了页面唯一一次让访客一眼定位自己的机会。

定价页审查

体素决策树,从一个写着 DOES THE PAGE PASS 的珊瑚色问题标签向下分支到六张小体素卡片,分别是 TIERS、NUMBERS、OPINION、GATE、BADGE、AUDIT,每张都带青色复选框
体素决策树,从一个写着 DOES THE PAGE PASS 的珊瑚色问题标签向下分支到六张小体素卡片,分别是 TIERS、NUMBERS、OPINION、GATE、BADGE、AUDIT,每张都带青色复选框

拿任何一个定价页过一遍这七个问题。如果不能对每一个都明确回答“是”,这个页面就没做完。

  1. 首次访问者能在十秒内选好自己的档位吗? 不用导览,不用滚动,不用矩阵。标题加三张卡片就该够了。如果他们需要那张表,说明卡片失败了。
  2. 至少有一个档位在首屏有真实的美元数字吗? 到处都是“联系我们”,那是一个穿着戏服的联系页,不是定价页。
  3. 每个档位名称描述的是决策,而不是金属吗? “Solo”“Team”“Enterprise”胜过“Bronze”“Silver”“Gold”。如果你的档位名换掉也不改变含义,它们就没在干活。
  4. 对比表短到一屏就能读完吗? 如果要滚动,就输了。买家的耐心是一屏,每行一秒。
  5. 没有开关,页面也管用吗? 年付还是月付应该是明确的选择,不是捉迷藏。默认显示团队愿意白纸黑字为之辩护的价格。
  6. “最受欢迎”徽章站得住脚吗? 如果团队拿不出背后的数据,这个徽章就是表演,买家离识破它只差一步。
  7. “联系销售”只留给 Enterprise 了吗? 其他任何地方,它都是页面不需要的摩擦。

通过这七问的页面,是买家信任的页面。任何一问没过的页面,就是买家一句话不说就离开的页面。反仪表盘那篇拆解把同样的纪律用在产品界面上,网页设计原则那篇则讲了营销网站其余部分该怎么跟上。

速度也是页面的一部分

渲染要三秒的定价页,在卡片出现之前就丢了访客。性能是定价决策的一部分,不是另一项工程任务。速度就是品牌那篇拆解讲了为什么加载时间是品牌属性。定价页对慢的惩罚,比网站上任何其他界面都重。

最干净的定价页渲染得快,因为它们做得少。三张卡片,一张短表,一个 CTA。没有 logo 跑马灯,没有自动播放的视频。观点就是页面,页面也因此更轻。

常见问题

SaaS 应该设几个定价档位?

大多数三个,有些两个,只有当每个档位都代表一个明显不同的决策时才用四个。超过四个,每多一列都会稀释页面的其余部分。第五个档位通常意味着团队还没决定产品到底为哪类买家而做。

定价页应该显示真实价格,还是藏在“联系销售”后面?

每个买家能自助进入的档位都显示真实价格。“联系销售”留给真正的企业客户,也就是需要合同、采购和定制集成的交易。把自助定价藏在销售关卡后面,说明团队对这个价格没有信心。

“最受欢迎”徽章真的转化更好吗?

有时候会,但前提是徽章反映了真实的客户行为。贴在利润最高档位上的徽章,会让买家学会不信任这个页面。品牌识别设计与定价的关联很重要:一个不诚实的徽章,在信任上的损失比它换来的转化更多。

先选定观点,再交付页面

大多数定价页失败,并不是因为版式不对。它们失败,是因为团队还没决定产品到底为了什么。页面是产品观点的下游。再多的变体测试也填不上这道缺口。

2026 年管用的页面都短、有观点、一目了然。Linear、Vercel、Stripe、Cursor、GitHub、Superhuman、Figma、Notion。没有一家搞四档位墙。没有一家藏数字。没有一家让买家自己设计档位。它们选了边,页面扛着这个立场。

如果你想要一个把定价页当作产品决策而不是增长实验来设计的团队,雇用 Brainy。我们交付与品牌匹配、能在十秒内帮买家完成自我定位的定价界面。

Want a pricing page that ships an opinion instead of four indecisive tiers? Brainy designs pricing pages as a product decision, not a growth experiment.

Get Started

More from Brainy Papers

Keep reading