3 表单组件错误

这一部分参考《Gui设计禁忌》的很多内容。

3.1 互斥的复选框

问题

一组复选框不能同时全部选中。

分析

一个复选框组的属性之一就是所有选项能全部同时被选中。用户看到一个复选框组，默认它是具有这样的属性的。如果用户选中某个选项的同时，其它选项自动取消选择，会让用户感到迷惑。

案例

某网站编辑文字样式时的选项。如果选择最后一项“无”，上面的四项会自动取消选择。

3.2 无初始值的单选按钮组

问题

单选按钮组的初始状态没有被选中的项。

分析

用户可能不去选择这个单选按钮组，没有默认值的话就增加了用户操作错误的几率。

案例

网易通行证注册表单。如果用户习惯性的不去修改性别，系统就会报错。

3.3 只有一项的单选按钮组

问题

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

分析

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

案例

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

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

问题

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

分析

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

案例

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