如何选择表单标签的对齐方式
Ryana 发表于13:44 2007-06-02UI之旅乃作者的随手笔记，请移步到用户体验研究blog--油茶研究会
HFI原来有一篇文章讲到了眼睛scan的特征，左对齐更适应这种方式。但是我的同事说右对齐更neat和左对齐时Localization时文本长度的制约性。标兵Microsoft一直挺坚持左对齐的。国内网站的表单，却多采用右对齐。。
LukeW的演讲解答了一个多年来在世界ui界都一直争论不休的问题。左对齐，右对齐，还是顶对齐？
The slides in Figures 29–31 cover the pros and cons of different alignments for labels in forms. “Top-aligned labels” that are left-aligned above input fields offer the best performance, followed by right-aligned labels. Left-aligned labels result in the poorest performance. Luke recommended using
- top-aligned labels—for forms comprising familiar data, because of their “reduced completion times”
- right-aligned labels—when vertical screen real estate is constrained
- left-aligned labels—for forms comprising unfamiliar, extended, or complex data
Figure 29—Labels above input fields
Figure 30—Right-aligned labels
Figure 31—Left-aligned labels
Luke showed some of the eyetracking data from Matteo Penzo’s article “Label Placement in Forms.”
Figure 32—Matteo Penzo’s eyetracking data on forms
相关链接：UXMatters：http://www.uxmatters.com/MT/archives/000175.php
0 条评论: