在这篇老生常谈的文章中,Hampus Sethfors 深入探讨了失效按钮为何会对可用性造成困扰,并详细阐述了一个他感到非常恼人的例子。最近我也遇到了类似的情况,我点击了一个看起来像是次要按钮的按钮,结果……什么也没发生。
不过,失效按钮不好的另一个原因是
失效按钮通常带有号召性用语,例如“发送”、“订购”或“添加好友”。正因为如此,它们常常与用户想要执行的操作相匹配。因此,人们会尝试点击它们。
有什么替代方案呢?抛出错误?突出显示用户需要更新的精确字段?所有这些当然都非常有助于显示问题所在以及如何解决问题。不过,为了辩护一下,Daniel Koster 撰写了一篇关于 失效按钮并非一无是处 的文章,这很有趣。
但无论如何,我们还是不要讨论 失效链接 的话题。
昨天我在网上订购东西,发货地址部分的“保存”按钮被禁用了,因为我的工作地址没有包含楼号:facepalm
我偷偷地使用了浏览器开发者工具,从按钮中删除了 disabled 属性,然后嘿,presto,我能够提交我的订单,并且一切似乎都正常工作了。
网站在地址方面如此专制让我很恼火。当然,用户会犯错,但根据我的经验,网页开发人员对他们自己所在地区之外的地址格式往往不太熟悉,而应该稍微信任一下用户,让他们正确输入地址。例如,爱尔兰直到几年前才使用邮政编码,即使现在,它们在官方上也是可选的。(现代邮政系统可以在没有邮政编码的情况下工作——邮政编码是针对20世纪60年代不再存在的问题的解决方案。)有多少网站坚持要求用户输入邮政编码?
我收回我之前关于邮政编码是针对20世纪60年代不再存在的问题的解决方案的说法;-)但网站不应该坚持要求楼号。网页开发人员——请彻底考虑用户的处境!
我同意很多观点,但我认为失效按钮本身并不糟糕,只是有很多糟糕的实现方式。
我通常如何创建失效按钮
光标应为“不允许”
将失效按钮包装在一个 div 中,以便您可以添加事件侦听器
当点击失效按钮包装器时,向用户提供反馈
很多用户知道灰色按钮和灰色文本表示它已禁用,让它看起来像一个普通按钮对于这些人来说会有点烦人。