表单设计之–复选框常见问题(1)

1、什么是复选框?

复选框:可同时选中多项。

复选框提供一个制造单一选择开关的方法;它包括一个小框和一个标签。典型的复选框有一个小的“X”(或者它设置的其它类型)或是空的,这依靠项目是否被选择来决定的。(来自百度知道

使用复选框,用户可以对选项做是与非的选择。复选框的标签表明选择的状态。因此,选项的含义必须有明显的是与非的关系。通常,复选框是被用来显示某个选项的开与关功能的。

2、同组内的复选框相互之间的关系?

在同组的各不同选项应注意:

使用的选项文字词性应是相同的,如同时使用动词或名词。避免词性混用。

使用的选项文字应属于彼此独立关系,而不是包涵关系的。

该图是截自淘宝,每组复选框的选项均保持彼此独立且不互相包涵。从词义上也保持了很好的一致性.

复选框选项之间的关系

3、除了文本亦可用更直观的方式表述选项含义?

除了常见的文字表达,对于一些描述不清楚的可考虑使用更直观的表达方式:

如,表示颜色时,使用红色色块要比直接说红色要更直观。

或表示字符大小时,使用实际的字号要比只显示字号要更好。

下图是WordPress的文章编辑工具栏,里面的格式、文字颜色均使用比文本描述更直观的方式。亦可进行扩展思考:如产品的材质用、产品的颜色…总之,那些文字可能表达不清楚的都可以采取类似方式。

wordpress的预览功能

4、复选框与多选菜单的区别?

下面是单选框与多选菜单的样式:

复选框:占用的空间更多,如有足够的空间,或是需要用户对该选项产生足够的重视考虑使用此表现形式;

A.选项一

B.选项二

C.选项三

D.选项四

多选菜单:可在有限的空间展示出更多的选项,如果下拉选项数量未知或可能会很多则考虑使用多选下拉框,或是减少用户对该选项的重视程度使用该样式。

5、单个复选框与单选框组的区别?

与一组复选框不同,单个复选框,用来表示是与非的概念:

我同意以上条款。

单选框组则表示在一组中选择几个选项:

以上关联文章由 Yet Another Related Posts Plugin 提供支持。

写下你的感受,我回尽快答复的哦:

姓名:

信箱:

网址:

请访问新博客:davidw.me