“按钮”是所有PM每天都会遇到的元素，那么针对按钮的异常状态我们该如何处理呢？换句话说当按钮不可用时，我们应该怎么处理界面上的元素布局呢？

其实业内对这种场景的处理方式基本达成共识——置灰 > 隐藏 > 不处理。虽然处理逻辑的优先级基本确认，但还是要在实际场景中结合不同的设计目的来做处理。

下面从两个出发点分别举例说明：

商业目的

出于商业目的对部分功能入口做特殊处理在C端和B端产品中都非常常见，套餐分级就是典型场景。高级套餐的专有功能对低级套餐用户要展示吗？付费客户的专项功能需要对免费用户做引导吗？

HubSpot对Marketing Hub的套餐分级

全部展示一定会损耗低级套餐用户的产品体验，增加基础用户的流失。不做任何导流，全部隐藏毫无疑问会影响产品的整体营收。如何平衡两者的利弊，采取恰当的展示策略？一定要结合对应功能在产品整体架构中的不同定位，有取舍的采取不同的展示策略。

1. 产品核心功能

对于高级套餐专有的核心功能，对应入口一定会在低档套餐中有足够的露出。同时置灰不再是之一选择，而是类置灰的特除处理，引导购买和Upsell是核心功能按钮在低级套餐展示的首要目的。

HubSpot对Sequences功能的升级引导

直接隐藏一定会是最差的选择，无论是B端还是C端产品，低档或免费用户的转化都会是产品盈利的正向指标之一。

置灰在这里也不再适用，因为它会传达错误的信息给用户。让用户以为只是操作环境或条件不对，创建不一致的预期。

大多数产品会将对应的功能按钮做一些UI样式上的处理（其实也算是另类的置灰处理）：

以Trello为例，当免费用户创建的team board达到上限后，并不会直接隐藏或置灰创建board按钮，而是将文案转换为获得无限board，巧妙的引导升级。

Trello免费版套餐正常创建Board时的按钮

Trello免费版套餐创建Board达到上限时的按钮

腾讯体育则更为粗暴，对于核心的蓝光清晰度直接标识出VIP专有功能，这类操作在C端产品非常普遍，当然也很有效。

腾讯体育观影时的清晰度设置

2. 产品非核心功能

考虑B端产品的功能会比较复杂且繁多，对于高级套餐专有的非核心功能，要有取舍的隐藏。不要过多的干扰客户，影响客户的正常使用。

以HubSpot的marketing 套件为例，在免费版的Marketing菜单里只保留了核心功能Landing Page的引导漏出，对于Blog这种相对没那么高频的功能，直接做了隐藏处理。

HubSpot免费版菜单

HubSpot付费版菜单

对于类似的场景，这里不再赘述，相信各位PM能够良好的判断自己产品的核心及非核心功能。

产品功能逻辑

敲黑板了，这里是本文的重点，也是PM日常工作遇到最多的地方。每个按钮都有不同的功能逻辑，可能是下一个页面的入口，也可能是某个功能的触发器，或则是向系统提交一个表单，等等……下面还是区分为两种使用目的来描述对应的处理 *** ：

1. 产品功能入口

简单的理解就是这个按钮其实本身没有功能意义，它的存在只是为了承载用户在不同页面/功能之间跳转。最典型的例子就是网页的导航菜单，APP底部的多tab切换。

那么需要特殊处理的场景基本上只有两大类：

（1）不满足触发条件

对于这种场景，大多数新人PM可能就是粗暴的采取隐藏了，当然这也很好理解，这种场景下后置功能/页面是不可用的，那把按钮展示在原位不是误导用户么？但是呢，这里还是要从结果出发，思考什么样的处理才是更符合当前按钮的设计初衷，没有人想使用一个在大多数情况下不可用的按钮。

可以方便的补全触发条件