下面是QQ个人资料设置的面板，这里的“确定”按钮是针对左边所有tab中内容的提交（和刚才提到的垂直tab的例子不同，这里没有单选按钮），会令你感到混淆吗？我个人觉得，由于“确定”按钮同样在tab所包含内容之外，所以并不难理解。

再看看支付宝的令人纠结的例子：

支付宝把“下一步”放到每个tab的内容区里，我想是因为这里四个tab的内容是互斥的，即只能在其中一个tab下做出选择，如果放到外面可能会使用户对提交的是一个tab下的内容还是多个tab下的内容感到困惑。而其实这里的“下一步”提交的是整个页面的内容，那么这么看“下一步”似乎又应该放到最外面。

根据前面测试的结果可以得知：用户在使用水平tab设计方案时，并没有对选项是否互斥感到困惑。我个人感觉，可能恰恰是因为人们习惯自上而下的操作表单，所以反而会对垂直罗列且互斥的标签感到奇怪，因为在人们的习惯中，垂直的标签如果没有特别说明的话，都是必填内容（注意这里说的是标签，如果是标签下的内容垂直罗列则无妨）；而水平标签则不存在这个问题，从自上而下的操作顺序来讲的话，在每一行自然只有一个有效标签。

如果把支付宝的“下一步”挪到外面，到底用户在理解上会不会产生困惑呢？我做了一个小范围测试，最终证明这个担心是多余的。当然这和tab上的内容和使用环境有关：使用储蓄卡自然不可能再使用信用卡。至于水平tab是不是在任何情况下都不会令用户产生tab是否互斥的困惑，尤其是在提交按钮放到tab包含内容外的情况下？我想现在下结论还为时过早，可能还需要大量的用户测试来说明问题。

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

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