认识达内从这里开始

相信大家在浏览网页和app软件的时候，都见过商家提供的表单填写功能，最基本的一种表单填写就是我们在使用软件的时候需要进行账户注册的问题了。今天，我们就一起来了解一下，当我们进行内容营销和网页设计的时候，如何正确的添加一个表单以及表单所需要具备的框架结构等等。

下面，我们就开始今天的主要内容吧。

1. 标签

告诉用户表单需要填什么。

对齐方式是最重要的问题。选择左对齐、右对齐还是顶对齐?这是表单设计中经常遇到的问题。前人的研究发现了这样的规律：就观看时间、填写速度来说，顶对齐快于右对齐快于左对齐。

顶对齐的好处是处理快速，缺点是增加了垂直空间的占用。

右对齐的优点是垂直占用空间减少，缺点是可读性相较于顶对齐更差。

左对齐的好处是标签容易浏览，缺点是标签与输入框间距增加，浏览变慢。

2. 输入框

(1)输入框类型

输入框一般包括文本框、单选钮、复选框、下拉菜单、列表框等。综合问题本身、界面设计、用户填写习惯等因素选择合适的输入类型。

(2)输入框长度

一些人认为输入框的长度提供了暗示，比如邮政编码、电话号码的输入框采取固定的长度，可以帮助用户了解是否填写了正确的位数。这不失为一个好办法，但是在美观上需要做出平衡。

(3)关于弹性输入框

希望用户按照某种格式填写时，如“请采用XXX-XXX-XXXX的格式”，记住一定不要麻烦用户。为什么不直接把输入框设置成那种格式，用户只要输入其他都不用管?事实上，更好的方式是直接放宽对用户输入的要求，包括格式、大小写等。让你的系统更灵活，而非让用户为了你改变他们的输入习惯。

3. 动作

用户提交表单，即点击一个按钮或链接，执行一个操作。

一般动作分为主动作和次动作，主动作是最重要的行为(提交表单)，次动作则是返回、取消等。主动作和次动作需要有严格的视觉区分，防止发生用户不小心点击了取消按钮，输入的数据全部清空的状况。

4. 帮助文字

告诉人们如何回答问题。

自动即时帮助：在帮助信息最合适的时间和位置显示帮助信息，如点击激活输入框时，帮助文字就出现在输入框的旁边。

用户激活的帮助：在人们需要的时候提供帮助，这种方式强调用户的主动性，通常采用图标、按钮、图片或文本链接，便于人们知道有帮助可以使用。常见的是一个“?”的符号，如A站登录页，点击问号即可跳转到帮助手册页面。

但是，不要依赖帮助文字。要尽量减少帮助文字，创造简洁干净的设计。

5. 输入反馈

输入正确还是错误。

反馈是必要的，无论是填写提交错误还是正确，反馈能让用户感到安心，而不是烦躁地重复点击。

如果表单填写成功，也应该用成功消息清晰传达，突出提交成功的结果。至少不能什么都没有吧，那样看起来就会像一直没刷新的网页，只会引起用户的反感。一句“您的表单已提交成功!”就会让事情好得多，刷新到新的网页也是常见的做法。

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美、VR、产品经理等几大方向中高端软件人才课程与少儿教育课程。选择太原软件开发培训，不再孤军奋战，轻轻松松做IT高薪白领。太原达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。