令人纠结的表单设计——水平选项 Or 垂直选项？

在Luke Wroblewski的《Web 表单设计：点石成金的艺术》中，提到了一些非常有用的表单设计原则。

其中我最感兴趣的部分是水平选项（tab）与垂直选项（tab）的对比。

水平tab：

水平tab指的是把选项tab水平放置在面板上方。不仅显示了一组初始选项，而且还具有强调当前所处tab的强大指示作用（注：下图中，不同tab之间是互斥的关系，提交按钮在tab包含区域之外）。

水平tab可能会造成的问题有这些：1.很多人都是自上而下的填表，因此可能会忽略水平tab；2.水平tab之间是否互斥不够清晰；3.提交表单是针对表单中所有tab中的选择还是只针对当前tab的选择？（2和3可理解为是同一类问题）

Luke在书中提到：在测试中没有参加者出错，他们能够快速完成任务。但眼动数据表明：由于扫描所有tab时需要参加者的眼睛从屏幕左侧移动到右侧，因此水平tab偏离了填表过程中清晰的从上至下的线性扫描过程。

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

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