表单设计之基于选择的输入（9）

2009-07-15 08:03:00

实用指南

我警告过了，基于选择的输入项要考虑很多方面问题，对吗？研究了海量数据，我们学到了什么？

* 如果每个初始选择的额外输入项数量很大，网页级别方式的基于选择的输入项是最佳方案。表单需要两个单独网页，但动态隐藏和显示额外输入项不会迷惑用户，用户也不会怀疑选择是否互斥。

* 垂直和水平选项卡在综合可用性、满意度和眼动指标方面表现都不错，但存在选择互斥问题。哪种方案能解决问题，得到的数据矛盾，所以两种方案都有问题。如果能通过巧妙的互动或视觉设计避开互斥问题，这两个方案就会表现良好。

* 如果初始选项列表较长（4或5个以上），每个选项都带有一套基于选择的输入，可采用下拉列表和视觉分组。

* 如果每个初始选项只有几个额外输入项，单选按钮下方显示或单选按钮内显示是最佳方案。我见过由于过多页面跳跃造成混乱，额外输入项与初始选择之间的关联丧失，所以要谨慎使用。但如果每个选择只有1到3个额外输入项，我会使用单选按钮即时显示。如果可能，应确定使用清晰的视觉联系和过渡。

* 所有非活动选项，或全部选项基本不会是发起者，选项太多，人们马上被搞昏了头，而这些选项与用户目标无关。

* 整体而言，隐藏无关表单控件，除非用户需要，减轻表单对眼睛的压力，用户能迅速填写表单。

* 整体而言，将初始选项及其基于选择的输入靠近显示，所获满意度高。

* 所有情况下，保持初始选项之间的联系清晰。不要让人们看不到顶层初始选择。

* 所有情况下，清晰显示基于选择的输入项和触发器之间的关系。本节中所有例子使用了黄色或灰色背景来显示这种关系。

* 所有情况下，应避免页面跳跃过多，页面跳动会分离基于选择的输入项和初始选项之间的关联。

原文：http://www.yummyux.com/?p=511

上一篇：更好地展示推荐商品

下一篇：为什么首页最后设计