设计表单的标签和输入区
作者:波希米亚 来源:b3inside.com 时间:2009-04-27 16:16:00
重读LukeW的《Web Form Design:Filling in the Blanks》感触很深,除佩服LukeW的钻研精神外,更多的是学习他对设计细节的执着和理解。我把对本书的理解,与工作生活中遇到的实际问题结合起来,作为今后设计工作的指导和规范。
有一些元素,看着很简单,设计起来却很头疼。往往这样的元素都具有一个共同的特点——变化多,表单的设计就是如此。你说见过20、30种以上不同的表单,我并不惊讶,产品需求、风格不同,必然五花八门。当然,换了设计师,表单的样式也可能会不同。然而,不能让这种情况继续下去,表单不是艺术展。不要让你的才华阻碍了别人的前进。
表单就是一扇门
古有大禹,三过家门而不入;今有用户,看到表单犯糊涂。难道大禹遇到的是这样的门?
表单,尤其是注册表单,就像一扇门,穿过他才能看到完整的产品。所以千万别做这种门,自己费事不说,用户也不会买账。这个设计最糟糕之处,就在于它有悖常理。好的设计应当遵循于其自然规律,这样一来符合人们预期,使用起来也就顺畅。
表单中标签与输入区的4种对齐方式
标签垂直顶对齐
标签水平右对齐
标签水平左对齐
标签在输入区内部
《Web Form Design》一书中对标签和输入区组合进行了一些研究,我整理了一份数据比较的表格:
标签垂直顶对齐
标签和输入区垂直依次排列,从而降低了对页面宽度的要求。如果你的页面没有富裕的空间用于标签和输入区的横向排列,这种组合是个不错的选择。
眼动轨迹表明,用户自上而下的扫描表单,焦点多集中在左侧一列,且跳动较小。
标签:设计,表单,标签,注册
0
投稿
猜你喜欢
最近写的一个asp缓存函数
2008-11-25 14:07:00
目前最全的浏览器/CSS选择器兼容性总结(包括Safari 4 beta)
2009-02-26 15:26:00
uniqueidentifier转换成varchar数据类型的sql语句
2011-09-30 11:17:48
介绍讲解MySQL安装下载登录
2010-10-25 20:34:00
ASP连接MSSQL的错误: 拒绝访问
2008-11-23 20:40:00
通过T-SQL语句实现数据库备份与还原的代码
2011-12-01 08:02:15
通用的下拉菜单__用DL\\DD\\DT解决无法遮住select的问题
2008-07-28 13:28:00
SQL Server 2000 清理日志精品图文教程
2012-07-21 14:31:17
MySQL中的字符串模式匹配
2010-03-09 16:30:00
dl.dt.dd.ul.li.ol区别及应用
2008-05-24 09:42:00
Google的设计导引
2008-04-06 14:18:00
Sql Server查询性能优化之不可小觑的书签查找介绍
2012-05-22 18:24:53
分享到豆瓣、百度空间、新浪微博的js代码
2011-03-17 12:58:00
Web2.0 的视觉设计
2007-10-24 20:12:00
设计和企业文化
2009-03-28 10:35:00
ASP ,IP地址分段计算
2008-04-13 06:55:00
基于信息排序的信息理解
2008-05-16 10:37:00
asp正则表达式在网页处理中的应用四则
2008-02-24 14:44:00
XML正在接管Web服务 成为SOA的基础
2008-09-05 17:21:00
asp 批量删除选中的多条记录
2011-03-29 10:33:00