(翻译)给复选框及单选框增加鼠标悬停效果

  由于表单中文本框的使用频率大于复选框和单选框,导致设计人员经常忽视后两类控件。复选框和单选框看着用处不大,但使用不当会造成极大的影响,因此需要使用鼠标悬停效果使它们易于使用。
  复选框和单选框的点击区域都很小,为了激活它们,用户得用鼠标点击细小的方块或圆圈。有时也可以点击复选框和单选框附带的标签,但并非所有表单都提供这种功能,即使有这种功能,对用户来说也不清晰直观。虽然使复选框和单选框附带的标签支持点击能够增大点击区域,但控件是否具备该功能很不明确。[1]

在这里插入图片描述
  当用户将鼠标移动到复选框或单选框上时,控件显示悬停效果可以更直观地提醒用户。悬停效果在视觉上提示用户标签也属于可点击区域,用户看到悬停效果就能点击标签。[2]
  在复选框及单选框增加鼠标悬停效果,解决了它们点击区域较小的不足。提示用户可以点击复选框和单选框附带的标签,节省他们的时间和精力。大事儿耗时耗力,但在本文中,小事儿也不简单。[3]

原文地址:https://uxmovement.com/forms/why-you-should-add-hover-effects-to-your-checkboxes/

[1]原文:The problem with check boxes and radio buttons is that they have small click targets. To activate them, the user has to click a tiny square or circle. Sometimes there’s an option to click the label. However, that option is not always available on all forms. But when it is available, that option is never clear and intuitive to the user. Making the label clickable does make their click targets bigger, but there is still a lack of clarity in its affordance.
[2]原文:Displaying a hover effect when users move their mouse over a checkbox or radio button can create a stronger and more intuitive affordance for users. The hover effect visually tells users that the label is a clickable target. When they see the hover effect, it prepares them to click the label.
[3]原文:Adding a hover effect to your checkboxes and radio buttons solves the problem of small click targets. By letting users know that they can click the label, you save users time and energy when they’re using your application. The big things may get most of our attention, but in this case, it’s the little things that count.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值