规划形式来源于实践，又高于实践。
De Dream 说：“形式意味着重用。关于一个导航很杂乱的网站，访问者简略迷失在各式各样的链接里，此刻咱们就能够应用逃生舱形式：在网页上设置一致出口（一般是把首页的链接加在站点的图标上），无论什么时候，点击这个出口（站点图标），就能够回到首页，重新开始。现在，这一点已经成为网站的常规了。”
经过 De Dream 的描绘不知道我们对形式有没有了一些根本认知。规划形式最早是来源于建筑规划范畴，1996 年左右，人机交互范畴也提出了以用户为中心的界面规划形式。规划形式最简略的能够理解为：“规划形式是针对某类场景的通用化处理方案，某种规划形式假如描绘足够清晰，可使得在曩昔良好运用的规划在未来某种类似的情境下复制运用。”就像 De Dream 说的逃生舱规划形式，其再次运用率极高，是一个通用性很高的规划形式。
从上对规划形式的描绘中，咱们能够发现，规划形式的本质在于抽象和复用。尽管一个规划形式不能覆盖一切场景，但是只要能覆盖一部分相似的场景，便是一个可被收录的规划形式。那规划形式有哪些特征呢？咱们能够总结出如下几点：
B端体会细节（三）：按钮不行用的规划形式
1. 根据场景
规划形式是根据场景的，具有场景化，一旦脱离场景，其可复用价值就会下降。假如在不适用的场景下运用了该规划形式，会形成规划质量下降。之前遇到过这么一个状况，产品经理运用 select 挑选器挑选让用户从 2000 条数据里边挑选 200 条的场景，导致页面功用下降及用户体会受挫，事实上，select 挑选器并不是为这样的场景服务的。
2. 抽象与复用
规划形式是从一个个事例中抽象出来的形式，假如一种规划只能处理某个单一的问题，这类型规划不能称之为规划形式，规划形式需求具有抽象性，能处理相似类型的问题。
3. 好的见地
规划形式是从实践中提取出来的，它是一种好的优质的处理方案，而不是一切可被处理问题的处理方案都是规划形式。
4. 演进与拓展
规划形式并不是原封不动的，而是根据事务、技能、用户需求的变化而不断演进的。一起在实践中，咱们能够不断拓展规划形式，帮助 B 端产品规划越来越具有体系化。
5. 端的差异
某些规划形式在不同端上会有差异，即移动端、PC 端、手表端、VR、AR 等载体上，规划形式会由于端的差异而呈现差异。例如移动端底部导航栏主张少于 5 个以内，但 PC 端没有这个要求；移动端的规划形式与手势触控交互严密相关，但 PC 端是与鼠标关联度较高。
在介绍今天的话题“按钮不行用的规划形式”前，咱们先来聊聊 B 端为什么需求规划形式？
1. 让产品界面具有体系化规划方案
没有规划形式，规划者在规划 B 端界面的时候会随意为之，要么由需求触发、要么由经历触发、要么是产品经理说了算、要么是技能要求的、等等。而有了规划形式后，规划者在规划 B 端界面时，会先判断事务场景，再选用合适的规划形式，最终验证规划形式是否合适该场景。一起规划者在遇到类似的场景时，会优先考虑一致的规划形式，确保产品用户体会的一致性。如此往复，不但规划者提高了体系化的规划思维，产品也在潜移默化中具有了体系化的规划方案。
2. 让产品界面的规划质量得到提高
毫无疑问，规划形式能够提高产品界面的规划质量，运用规划形式，产品至少在体会一致性上会大大提高。假如能不断抽取优异的规划形式，那么人机交互方面也会愈加契合用户的期望。
3. 让团队成员一致产品规划认知
产品若能树立自己的规划形式库，并同步到团队成员，那么在规划评定阶段，将有效提高我们对规划成果的一致性认知。我们不会再为自己的喜爱提出定见，而将会给出愈加有依据支撑的方案。
4. 提高产品团队规划者的界面规划功率
规划形式有一个显著的优势，即它能够提高规划者的规划功率。尽管不断总结规划形式是一件费力且耗时的工作，但规划形式一旦树立，将大大提高规划者及产研功率，是一件十分有意义的工作。
好了，介绍完了规划形式，咱们将进入正题，“按钮不行用的规划形式”有哪些，本文将分为以下三个部分去解说：
- What 是什么
- When 运用场景
- How 怎么运用（交互）
为什么 B 端产品中会呈现按钮不行用的状况呢？一般有这么几种状况：
榜首、用户运用的当下账号无权限，需切换成有权限的账号才干够操作（例如一般权限者无法给产品增加成员）；
第二、用户需满意某种条件后，才可激活操作（例如输入账号密码，才可激活登录、注册按钮；用户挑选父节点后，才可增加子节点；对话框输入内容后，才可激活发送按钮）。
1. 按钮直接不呈现
What 是什么
按钮不行用规划形式一之“按钮直接不呈现”是指假如该按钮关于用户来说不行用，直接在页面上不展现。
When 运用场景
这种规划形式一般运用在用户账号无权限的状况下呈现。
How 怎么运用（交互）
不呈现，即无交互。
2. 按钮直接置灰
What 是什么
按钮不行用规划形式二之“按钮直接置灰”是指当 B 端产品中有些按钮不行操作时，直接展现禁用状况，让用户一看便知该按钮不行操作。
When 运用场景
运用“按钮直接置灰”，便是想让用户一眼理解该按钮不行操作，一起由于该按钮的操作等级不是很高，该按钮的操作要求不是必须；或激活该按钮的条件十分明显（如输入账号状况下，登录按钮才可用；对话框输入内容后，才可激活发送按钮），因此无需提示用户什么条件下会激活该禁用按钮。
How 怎么运用（交互）
首要，按钮直接展现不行用状况，其次，当用户将鼠标悬浮到按钮上时，鼠状况变为禁用态。
B端体会细节（三）：按钮不行用的规划形式
3. 按钮置灰+文字提示
What 是什么
按钮不行用规划形式三之“按钮置灰+文字提示”是指当 B 端产品中有些按钮不行操作时，直接展现禁用状况，让用户一看便知该按钮不行操作，但当用户鼠标移入操作区时，按钮会给予用户反应提示。
When 运用场景
当操作按钮为核心按钮，或操作频率极高，或激活该按钮的条件十分躲藏时，就必须让用户知晓经过何种方法能够激活按钮，进而达到用户核心操作目标。
How 怎么运用（交互）
首要，按钮直接展现不行用状况，其次，当用户将鼠标悬浮到按钮上时，按钮上方呈现文字提示。
B端体会细节（三）：按钮不行用的规划形式
4. 按钮不置灰+鼠标点击弹框提示
What 是什么
按钮不行用规划形式四之“按钮不置灰+鼠标点击弹框提示”是指用户点击按钮，会呈现模态弹框提示。
When 运用场景
当用户激活按钮是一件较为重要的工作，且需求经过先完结其他使命流（使命流一般需求经过跳转页面或其他方法来完结）才干激活按钮时，主张运用“按钮不置灰+鼠标点击弹框提示”的规划形式，例如在 SaaS 类 B 端产品中，激活按钮需求用户先开通某项功用。
How 怎么运用（交互）
首要，按钮不展现不行用状况，其次，当用户点击按钮时，界面中心呈现模态弹框，告知用户下一步该怎么操作。
B端体会细节（三）：按钮不行用的规划形式
在一些 B 端产品中，按钮不行用会呈现这么一种状况，即“按钮不置灰+鼠标点击大局提示”。其时，我找到了相关的产品负责人，询问他们其时是怎么考虑这种规划的，产品负责人表明他也不清楚，界面上习惯性有啥需求告知用户的都用大局提示来反应用户。但经过深化思考后，这种按钮不行用的交互形式仍是略欠稳当。
1. 最优性
大局提示是一种不打断用户当时操作的轻提示，假如不行用按钮想让用户知道怎么激活可用，是能够用以上“按钮置灰+文字提示”的规划形式去替代的。
2. 掌控感
“按钮置灰+文字提示”中的文字提示，比大局提示更显得安稳，由于大局提示是会到时间消失的，而文字提示假如用户鼠标不移开按钮，文字提示常在，用户能够仔细阅读提示文字的涵意，整个交互进程由用户自己掌控。
3. 邻近性
“按钮置灰+文字提示”规划形式中的文字提示直接呈现在按钮附近，契合规划原则中同类元素或阐述同一个目标的元素彼此之间更接近。文字提示会比大局提示更接近禁用按钮。
综上可见，总结和优化规划形式尽管是一件辛苦的差事，但规划形式的优势显而易见：
它是产品一致性的柱石；
它是团队交流的保障；
它可提高产品专业性；
它………………
近期会不断总结工作中遇到的规划细节，转化成规划形式和我们碰头，喜欢的小伙伴能够重视我的大众号“知果日记”，也欢迎我们共享，让更多人了解 B 端~
欢迎重视作者微信大众号：「知果日记」
B端体会细节（三）：按钮不行用的规划形式
