实用指南
我警告过了,基于选择的输入项要考虑很多方面问题,对吗?研究了海量数据,我们学到了什么?
* 如果每个初始选择的额外输入项数量很大,网页级别方式的基于选择的输入项是最佳方案。表单需要两个单独网页,但动态隐藏和显示额外输入项不会迷惑用户,用户也不会怀疑选择是否互斥。
* 垂直和水平选项卡在综合可用性、满意度和眼动指标方面表现都不错,但存在选择互斥问题。哪种方案能解决问题,得到的数据矛盾,所以两种方案都有问题。如果能通过巧妙的互动或视觉设计避开互斥问题,这两个方案就会表现良好。
* 如果初始选项列表较长(4或5个以上),每个选项都带有一套基于选择的输入,可采用下拉列表和视觉分组。
* 如果每个初始选项只有几个额外输入项,单选按钮下方显示或单选按钮内显示是最佳方案。我见过由于过多页面跳跃造成混乱,额外输入项与初始选择之间的关联丧失,所以要谨慎使用。但如果每个选择只有1到3个额外输入项,我会使用单选按钮即时显示。如果可能,应确定使用清晰的视觉联系和过渡。
* 所有非活动选项,或全部选项基本不会是发起者,选项太多,人们马上被搞昏了头,而这些选项与用户目标无关。
* 整体而言,隐藏无关表单控件,除非用户需要,减轻表单对眼睛的压力,用户能迅速填写表单。
* 整体而言,将初始选项及其基于选择的输入靠近显示,所获满意度高。
* 所有情况下,保持初始选项之间的联系清晰。不要让人们看不到顶层初始选择。
* 所有情况下,清晰显示基于选择的输入项和触发器之间的关系。本节中所有例子使用了黄色或灰色背景来显示这种关系。
* 所有情况下,应避免页面跳跃过多,页面跳动会分离基于选择的输入项和初始选项之间的关联。