垂直tab：

人们自上而下填写表单，但水平tab缺乏从上至下线性扫描的清晰性，为了弥补水平tab的这个缺陷，可使用垂直tab代替。

很显然，由于垂直tab保持了从上至下浏览的一致性，因此完成效率更高，也使参与者的眼睛感觉更舒适。

但遗憾的是，还是有参与者使用该方案时出现了错误，而且对垂直tab是否互斥有点困惑。而该方案中还在每个tab上增加了单选按钮，有助于传达选项的互斥含义。有趣的是，人们似乎较少会混淆水平tab，而理论上水平tab更容易造成混乱，因为它打破了桌面应用程序中水平tab并不互斥的惯例，如下图中这个例子（下图中的“确定”提交的是上面所有tab下的内容，而非当前tab下的内容，这和前面提到的Web应用中水平tab的例子是相反的）。由于下图的“确定”在tab所包含内容之外，而不是处于tab内容里，因此还是比较容易理解的。

出处：legene的交互设计博客
责任编辑：bluehearts

上一页 令人纠结的表单设计:水平Or垂直? [1] 下一页 令人纠结的表单设计:水平Or垂直? [3]