按钮置灰的思考

移动开发
前几天有同事做表单填写页,提到了“完成”按钮是否要置灰的问题。我的第一反应是不建议置灰,因为联想到曾遇到过的几个场景。

前几天有同事做表单填写页,提到了“完成”按钮是否要置灰的问题。我的***反应是不建议置灰,因为联想到曾遇到过的几个场景:

1、表单项较多,我会挑选出必填项之后提交。但选了必填项,按钮却未亮起,未选却亮起了。

按钮不止有提交的作用,也会起到校验和提示的作用。置灰时需要用户自己去猜测还有哪一项需要填写。

1

2、很多APP的登录按钮置灰,开始输入密码,按钮就亮起。此时真想马上过去点登录,但是密码并没有填写完。

2

按钮亮起的效果可以逐步引导用户进行操作,但每个人密码位数是不同的,按钮何时亮起是个问题,提前亮起会干扰用户。

3、iOS9 音乐的账户信息,明明2次输入了同样的内容,“完成”按钮状态却不同。(单纯想吐槽一下)

3

按钮置灰,且不知道填写格式错在哪里。

那是否按钮不应该置灰呢?也并不是。找到了几个比较好的按钮置灰场景:

1、手机号分步注册

4

5

2、支付密码

6

也有很多app已经省去了“确定”按钮,此处不做讨论。

3、取快递机器的界面(同上,取件密码格式为固定8位数字)

7

取快递 - 副本

以上三种场景,都是仅有一个输入框+按钮,输入内容格式固定,用户明确知晓如何输入。

这样做,既起到了逐步引导用户进行操作的作用,也省去了为空提交时的错误提示。才是真正有意义的置灰。

责任编辑:倪明 来源: cocoachina
相关推荐

2022-12-02 08:48:16

CSS置灰网站

2021-06-02 17:58:49

脚手架 幂等性前端

2015-05-20 12:53:46

戴尔云计算

2023-12-18 09:58:46

微信扫码支付Vue3

2018-08-20 07:09:22

2011-06-14 13:43:38

QT 图片

2020-05-28 07:00:00

黑盒测试白盒测试灰盒测试

2019-05-17 11:19:37

黑灰产APP框架

2022-10-24 13:17:46

大数据云计算移动计算

2009-08-10 09:49:35

2023-06-01 17:23:26

AI模型

2011-06-14 14:27:43

灰盒测试

2022-12-01 17:46:53

网页变灰功能前端

2012-11-08 11:19:38

2011-06-14 14:43:03

灰盒测试

2013-08-07 10:47:53

DBA成长

2015-07-01 13:50:29

Swift开源思考

2012-03-07 09:02:29

代码复用

2019-05-27 05:22:42

点赞
收藏

51CTO技术栈公众号