软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 杂谈观察 > 令人纠结的表单设计:水平选项或垂直选项?

令人纠结的表单设计:水平选项或垂直选项?

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

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

水平tab:

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

令人纠结的表单设计鈥斺斔窖∠ <wbr>Or <wbr>垂直选项?

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

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

令人纠结的表单设计鈥斺斔窖∠ <wbr>Or <wbr>垂直选项?

相关阅读
栏目导航
推荐软件