在按钮置灰时，该怎样提供应用户反馈？

给以用户即时反馈是交互计划中异常重要的一个原则。它是关于体系怎样即时有用地应对用户举办的操纵的计划。当用户举办操纵时，给以即时、适当的反馈很是重要。

一个简朴的例子就可以声名这一点：当你的电脑死机的时辰，岂论你点什么，电脑都不会有任何回响。体系没有了反馈，用户的心田就会很瓦解。本日我们要接头的，是反馈中很非凡的一种：在按钮置灰的时辰，应该怎样提供应用户反馈？

先来看一个案例。这是一个投票的浮层，每个选手的下方有个投票按钮，每个用户天天只能投给一个选手一票。

乍看这个方案没什么题目。但假如加上投票之后的页面，题目就袒露了出来：

图 2 为了表达出“不能再投票了”，将全部按钮置灰，于是我们获得了一屏幕置灰的按钮。固然按钮是灰色的，但按钮却依然长得是按钮的外形，照旧有不由得想点一下的欲望。

那么题目来了，此时点击这个灰色的按钮，应该弹出toast提醒：“天天只能投一票哦~~~”吗？带着这个疑问，我们来研究一下置灰按钮。

置灰按钮

置灰按钮在登录注册中被普及应用，好比微信：

左图是默认的登录页面，登录按钮置灰；当用户输入了暗码（即时只有一位），则登录按钮亮起。

乍看之下只输入了一位暗码就亮起，有些不公道，事适用户的暗码位数险些不行能是一位数，此时亮起用户也不太也许登录，反而有滋扰之嫌。

但假如再细想一下，假设用户的暗码是 6 位，而微信正亏得 6 位的时辰亮起了按钮，那么着实也是变相透露了用户暗码的位数。假如设定一个最小的按钮亮起的位数呢？好比从用户输入了 6 位后开始亮起，这样也不失为一个选择，只不外比此刻的方案要略伟大，没有此刻这个更简朴直接。

下面这个例子，应该是登录注册中，置灰按钮应用的顶配了：

在这个例子中，只有当用户输入了 11 位数字（手机号码都是 11 位）后，“获取验证码”的按钮才会亮起。这个方案就是无可挑剔，没短处。

在登录中将按钮置灰，首要是提醒用户此刻按钮还不行以点击，要输入暗码/手机号等信息后，才可以点击。这在必然水平上，提防了用户在没有输入的时辰就点击而导致的操纵失败。因为将按钮置灰，自己就是将按钮置为不行用的状态，因此置灰的按钮点击之后是不该该给出反馈信息的。

这里我们可以看到一个衡量：固然“即时反馈”这条原则很重要，但可供性（affordance），也就是指示一个物体怎样被操纵，也不能违背。详细来说，一个置灰的按钮，它已经被配置为置灰的状态，就清楚地指示出按钮不能被点击；此时假如点击按钮后弹出toast，则与此时按钮的可供性不切合，因此是不行取的做法。

投票案例

说明到这里，文章开始的谁人例子就明了了：点击第 2 张图的投票按钮，不该该弹出toast。但页面中照旧有许多被置灰的按钮，这个页面看起来不是很友爱，笔者暗示对这个页面不太满足。

趁便分享一个履历：对页面的不满足，许多时辰是我做出好方案的瑰宝。由于不满足，以是会一向想步伐优化。保持对本身不满足的页面的欠妥协立场，这很是重要。

说明一下这个投票页面，在投完票之后，用户已经选择了一位选手，此时最体谅的是“我是否已经投上票”了。假如对这个勾当较量感乐趣，用户还也许会想要相识一下投票的排名，已经赏识一下都有哪些选手参加了投票。因此，这个页面可以改成如下这样：

变动后的方案，在用户点击投票之后，起首指明白用户投的是谁、此刻几多票、排名是几多；后续的页面展示了票数的排名，从而停止了满屏都是置灰按钮的环境。

以上通过一个案例，说明白置灰按钮的行使法则。接头让我们熟悉更深刻，接待留言接头。

关于作者

新计划青年，2017 年度作家评比最尤物气奖。爱奇艺高级交互计划师。留德海龟，曾任职腾讯微糊口、网易、宜信。 5 年交互计划履历，专注计划规模。微信公家号：新计划青年。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!