我们几乎每天都能看到各式各样的Web Form design用于用户登录等方面。但是设计表哥的过程却是十分复杂的。输入、点击提交、审核等等都需要时间。那么该如何提高让用户填写网页表格的效率，提高用户体验度呢？
1.Convincing users to fill out effectively
首先，告诉用户通过填写表格对方能够得到什么。比如，Github就会清楚在注册网页表格的右侧告诉用户他会通过这次填写表格获得什么。
此外，还可以对用户详细讲述为什么希望他们进行表格填写。
为了快速让用户被说服进行网页表格填写，一定要摈除消极信息以增强用户的信任度。用户在进行表格填写的时候最大的担心就是填写完表格信息后自己的私人信息会不会被泄露。这时候提供某些权威机构的证书，或者是正面的媒体报道和用户案例。
最后，还可以贴心地提醒用户，填写这份表格大概所需要的时间。
Organizing the information reasonably
对于复杂的网页表格设计，如果设计的不好很容易造成混乱。通过合理的分层以及信息构架，空间和色彩的差异，以及不同板块类型的分类，会让版面舒服不少。
一般来说，蓝色代表着通知，黄色意味着警告，红色意味着错误，绿色意味着成功。
清晰的浏览线。合理的标签卡、提示文字以及按钮的布局可以减轻用户的视觉负担。
适当的将信息隐藏起来可以使的网页的表格设计更加清爽。最后，区分主要和次要的Actions也很重要。
3.Saving time for users
如果表格太长，表格的填写要花费需要太长的时间是很让人反感的。在设计网页表格的时候一定要尽量将不需要的选项都删除。
填写表格时所需的验证码一直是一个有点尴尬的设计，因为用户必须等待收到验证码才能进行提交。这一个步骤如果不能给用户带去有用的东西，就很难进行。难么这个解决方法就就是使得验证码的形式更加有趣。
除了验证码之外，很多网站还设计了一个登录确认验证码，同样也需要用户花时间去等。
目前，很多国外主流网站如Facebook、Twitter、Linkedin、Friendster等等都不需要用户进行密码确认。WordPress甚至会将一个已经设好的密码直接发送到用户的邮箱。
除了以上几种方法，还可以再用户第一次输入密码的时候提供解释文本。处于信息安全的考虑,Dark text switch也能帮助有需要的用户。以下总结一下网页密码设置的设计。
鼠标编辑会比用键盘进行操作更符合一般人的使用习惯。添加pickers,shortcut options,smart associations,range slider,number micro-tuning等板块以帮助用户能够更快地填写表格。
Add picker,shortcut options
Support drag-and-drop upload
Smart association:
Range slider
Micro-tuning
下拉框的设计要特别注意，因为设计的不好可能会挡住用户想要了解的信息。
减少输入要求，包括格式，比如让密码填写支持字母、小数点、大小写。
错误提示。随时检验用户填写的信息，以便用户能够及时修改。甚至还可以在填写日期上设置限制，以提醒用户不要填写错误信息。或者是提供能够自动更改用户错误的功能。
当用户输入信用卡账号的时候，网页应当自动识别信用卡种类。
如果手机号码输入错误，用户就可能会去查询号码所属地是否正确。
4.Providing friendly guidance
用更加亲切和贴合用户的言语去表述，请求对方进行表格信息填写。在出现问题的时候跟用户解释清楚是什么原因导致了错误，并提供详细的图文解释，指导用户进行操作。
5.One package service
用户提交表单并不是最终目的，还需要为用户提供以防任何意料之外的事情发生。比如用户在提交表格的时候突然有人打电话进来，或者是手机断网甚至是手机没电了，等到手机恢复的时候发现提交页面已经消失了。
好的网页设计一定是会考虑到这些情况，并做好万全的准备的。如果上述情况发生了，网页的设计也要告诉用户接下来要怎么办。
6.Providing design care
有数据显示，12%的人口都或多或少，或严重或轻微地患有视觉障碍。如果单纯依靠颜色去进行网页元素区分，无疑是有缺陷的。所以，可以针对不同文本以及网页按钮等元素设计不同的标识。比如，在文本下方添加虚线，或者用不同形状的图案去设计按钮，以便所有用户都能够清楚地辨别网页上的设计。
本文地址：高端网站建设频道 https://www.hkm168.com/web-gdwz/2230.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们处理，谢谢！
相关阅读
