(翻译)禁用按钮不应变灰的原因

  禁用按钮未激活时是什么样式?大部分设计人员会将未激活按钮设为灰色,但这么做按钮的启用状态和禁用状态看着完全不同,让用户措手不及。从灰色变为全彩色不可预料,会影响用户的预期。
  为了获得流畅的用户体验,最好不要将禁用按钮设置为灰色,而应增加按钮的透明度,使其透明。

在这里插入图片描述
  禁用按钮变透明后,用户还能看到按钮启用状态时的部分样式。虽然按钮变淡了,但还能看出部分用色。当禁用按钮切换到启用状态时,新外观符合用户的预期。
  透明的按钮更能融合背景,而灰色按钮看着很突兀(除非背景也是灰色)。灰色禁用按钮样式醒目,更有可能被用户点击,真出现这种情况,他们会想知道为什么点了没有反应。
  灰色按钮的另一个问题是,用户很容易将它们误认为是次要操作。灰色通常表示按钮优先级低(如取消按钮)。用户看到灰色按钮时无法确定它是否被禁用,除非点击按钮才行,这种不确定性和不可预测性不符合最佳用户体验的要求。

在这里插入图片描述
  要让按钮变透明,应调整按钮的不透明度,而非颜色。最优的不透明度值会根据背景色而变化。从经验上看,不透明度应小于40%,或者透明到文本标签不可读。不透明度足够低特别重要,否则用户可能会认为按钮是激活状态。
  将禁用按钮透明处理,标识按钮的未激活状态,不让用户混淆。这样,随着界面情境变化,用户将会获得流畅的、可预知的用户体验。

原文地址:https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值