右对齐标签
右对齐标签同样具有输入框与标签相邻的优点,因此也能快速填完(图4.6)。但右对齐布局造成左侧不齐,降低快速扫描表单问题的效率。西方人习惯从左往右阅读,他们的眼睛喜欢沿左侧移动。
图4.6 http://www.flickr.com/photos/rosenfeldmedia/2366428975
右对齐标签的优缺点。
如果标签文字宽度变化,右对齐标签会产生灵活性问题。如果标签需要两行文字,扫描表单会更加困难,这种现象相当普遍。
如果要尽量减少表单使用的垂直屏幕空间,右对齐标签能提供快速完成。Matteo Penzo眼动研究发现(图4.7),专家用户和新手扫视(眼睛运动)右对齐标签表单的标签和输入框的平均时间分别为170毫秒和240毫秒,而填完时间比左对齐标签多两倍。图4.8,右对齐标签布局例子。
图4.7 http://www.flickr.com/photos/rosenfeldmedia/2367264946
Matteo Penzo右对齐标签眼动数据。
图4.8 http://www.flickr.com/photos/rosenfeldmedia/2366429101
LinkedIn网站注册表单采用右对齐标签布局。