网站建设如何正确设计Web表单

日期：2019-03-26 09:40:49 访问：次作者：网建科技

表单是用户主要的交互类型之一，在用户和网站之间的表单，用途很大，可以用于基本活动，完成购买，注册社交网络，提供购买的产品的反馈等，是用户体验的重要组成部分。作为网站建设人员，应该为用户提供更快，更简单高效的表单体验。

1、减少信息量

减少表单所需信息的量，用户更容易填写，尽可能减少字段数，添加到表单的每个字段都会影响其转换率，向用户请求大量信息时，限制字段的数量可以减少表单的负载。

2、按逻辑顺序排列字段

按照顺序对字段进行分组和排序，应从用户的角度按顺序填写详细信息，以块为单位对相关问题进行分组，流程会更好，对相关字段进行分组，还可让用户理解必须填写的信息。分组需要在视觉上和代码中进行，可用元素关联相关的表单控件。

3、保持短标签

字段标签显示用户相应的输入字段的含义，标签文本是UI访问的主要方法，标签显示用该字段的用途，应该设计简洁，简短和描述性的标签。

4.不要复制字段

要求用户重新输入密码的行为会很繁琐，不要让用户输入两次信息，只会浪费他们的时间几乎每个人都遇到过要求输入两次密码的表单，从作用上看，是为了防止错误输入错误，而如今很多网站设计都是采取手机号码和验证码直接登录，对密码输入的需求减少了很多。

5、突出可选字段

理想情况下，最好没有可选字段，如果是不需要的信息，浪费用户的时间没有意义，应该清楚地区分哪些输入字段不能留空。避免静态默认值，采用智能默认值，比如根据地理位置数据，预先选择用户所在地区的默认值，可以更快，更准确地完成表单，但是仍然应该谨慎使用。

6、尽量减少打字

打字是一个容易出错的过程，用在移动设备上输入文本很痛苦，随着越来越多的人使用小屏幕，都会改善用户体验，在适当的情况下，用户只需输入最少量的信息可自动完成数据预填充等功能。填写地址信息是在线注册表单中最麻烦的部分，多个字段，名称长，通过实现这些字段的预填充，用户不必输入整个地址。

7、使用验证

如果用户出错，立即提醒他们，不要让他们等到他们完成整个表单的时候再报错，现实世界中，用户经常犯错误，填写表单的过程中药使用自动验证。

热门推荐