快好知 kuaihz

可用性表单关于编码和设计的小贴士

备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如”用户名”+输入框,这里的”用户名”项在英文中是label,约定翻译为标签

页面表单已经是web设计中讨论最多的元素,已经超过10年了.我们无法避免.Call-to-action(一般翻译为”行动呼吁”,”行动号召”,但是都觉得不理想.译者注)的方式通常会将用户引导到表单页;付费需要使用表单;用户注册或订阅需要使用表单

表单的使用是不会停止的.

尽管在HTML中,把表单拼凑到一块相当容易,但是对于可用的,友好的表单来说,编码,制作样式和设计是很难的.在网站的转变中,因为在表单网站的成功转化率中扮演很重要的角色,下面的小贴士和文章末尾处提供的源码,应该会对制作和编码页面表单的开发者提供有价值的信息.

两列 VS 一列

这个取决于表单的内容,不过当表单内容相当简单时,通常尽量避免两列布局.

下面是一个很好的简单表单的例子,它将每个标签(label)都放到相关表单元素的上方

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:贴士  贴士词条  可用性  可用性词条  表单  表单词条  编码  编码词条  关于  关于词条  
设计

 移动设备的转场设计

讲到移动设备的转场设计,我们先来看看移动设备。 移动设备有三个主要的特点:1. 屏幕小,相对于普通的PC来看移动设备的屏幕相对要小很多。 2. 使用环...(展开)

设计

 总结:验证码常见形式及个人思考

不知道你是否跟我一样,每每遇到输入验证码的场景,就感觉心累。验证码看似简单,但其实又暗藏玄机,小小的验证码设计的好会给用户惊喜,设计不好则很可能错失一个宝贵的用...(展开)