以用户为中心的设计

互联网表单设计-第四章 标签(3) 右对齐标签

作者:yummy  |   发布: (网友)稻草   |   时间:2009-03-23 05:46:52 文字大小:- +

右对齐标签

右对齐标签同样具有输入框与标签相邻的优点,因此也能快速填完(图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网站注册表单采用右对齐标签布局。

更多
打印  |  相关话题:表单按钮   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买