技术资讯
互联网表单设计 第四章 标签(3)右对齐标签
2009-03-23 22:11:00
右对齐标签
右对齐标签同样具有输入框与标签相邻的优点，因此也能快速填完（图4.6）。但右对齐布局造成左侧不齐，降低快速扫描表单问题的效率。西方人习惯从左往右阅读，他们的眼睛喜欢沿左侧移动。
图4.6
右对齐标签的优缺点。
如果标签文字宽度变化，右对齐标签会产生灵活性问题。如果标签需要两行文字，扫描表单会更加困难，这种现象相当普遍。
如果要尽量减少表单使用的垂直屏幕空间，右对齐标签能提供快速完成。Matteo Penzo眼动研究发现（图4.7），专家用户和新手扫视（眼睛运动）右对齐标签表单的标签和输入框的平均时间分别为170毫秒和240毫秒，而填完时间比左对齐标签多两倍。图4.8，右对齐标签布局例子。
图4.7
Matteo Penzo右对齐标签眼动数据。
图4.8
LinkedIn网站注册表单采用右对齐标签布局。
上一篇：用户的意见到底该不该听？
近期更新
- [2023-07-26 14:17:28] 为品牌赋能，海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,品牌网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 品牌定制网站建设——从满足预期到走向超预期
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势？为什么要开发微信小程序？
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少？
延伸阅读
- [2008-10-31 11:24:00] web表单按钮的使用
- [2012-02-02 11:40:05] WEB表单设计分析及重要性
- [2009-02-18 10:45:00] 互联网表单设计—第一章 表单设计(1)
- [2009-03-03 08:51:00] 设计评论表单
- [2009-02-12 08:58:00] 回车键触发表单提交的问题
- [2009-01-05 23:05:00] 表单设计的最佳体验
- [2012-02-21 22:36:55] 反馈表单的输入优化
- [2008-08-14 16:13:00] 注册表单中出错字段排行榜
- [2009-02-15 22:38:00] 表单设计中的常见问题
- [2012-08-20 12:29:56] 网站的表单设计要点
- [2014-08-31 23:08:11] 反馈表单的确认后提交提示
- [2012-12-19 22:20:48] 网站反馈表单的用户体验
