网页常见可用性错误——表单组件错误

问题

单选按钮组中只有一项，即只有一个单选按钮。

分析

这里的单选按钮不具备选择的功能，引诱用户去做无用的点击操作。

案例

某网站购物流程中的一个表单。也许为了美观，制作页面时给第一项“购买产品”也使用了单选按钮。

3.4 在非开/关设之中使用复选框

问题

在二选一的功能中使用复选框。

分析

一个复选框的本质是一个开关。设计和开发人员常常为了节省空间或者让表单看起来美观一些，把一些本应是使用单选按钮组的二选一选项合并成一个选项，用复选框来实现。这样会使用户迷惑，不知道这个选项是什么意思。

案例

某网站购物流程中的一个表单。在“色彩选择”这一项，本应是两个选项：黑色和白色，这里却合并成一个选项“黑色”

3.5 使用按钮作为开关

问题

使用按钮来让用户做开/关的操作。

分析

使用按钮来开启、关闭网页中某些功能，这样做会使用户无法判断当前的状态，不知道该功能是开启着海狮关闭着。而且按钮给用户的感觉往往是用来提交或重设数据用的。

案例

某论坛发帖时查看高级选项的按钮。用户点击该按钮后，高级选项被显示，但按钮并没有表现出现在高级选项的状态：是已经显示还是没显示。高级选项显示以后，点击这个“查看高级选项”按钮后，其实是隐藏高级选项。

如果使用复选框，就会明确地标示出当前状态。