HTML表单设计应该注意什么

来源:互联网 发布:docker能虚拟windows吗 编辑:程序博客网 时间:2024/03/29 18:13

今天看到一篇文章,是关于HTML表单设计问题的,于是我认真反思了一下,发现自己平时在设计页面表单时,也或多或少的存在这样的问题,所以就写出来和大家分享一下,

希望大家以后在设计表单的过程中尽可能的避免这些问题,从而改善页面的用户体验...

在网站中,表单是用户跟我们沟通的主要桥梁。透过表单,用户可以买东西、订阅新文章、更新资料……可以说网站最重要的功能,都是靠表单来完成。

那么我们在设计表单的过程中存在哪些问题呢?我把它总结了一下:

1、用户在填写表单时,尽可能的展示出表单的填写步骤,一共有几步。这样做能够让用户在填写表单的时候有一个心理的预期,估计出可能需要花费的时间,提升用户的体验感。而不是一页写完之后又是一页,用户根本不清楚到底需要填写多少。

2、表单的字段验证要尽可能的详细,提示要尽可能的完整,用户在填写一个表单时,往往不能一步到位,出现违反验证规则的输入时,页面要响应出准确的错误信息,从而帮助用户进行改正,比如url地址必须以http开头等

3、主要按钮和次要按钮要明确,次要按钮出现在页面是让用户在意识到自己有填写错误时,可以有一个返回的操作,并不是占主导地位的,所以应尽可能的凸显主要按钮

4、清楚提示期望用户填写的格式和内容,这里也就是说label标签的使用和输入款提示内容的结合使用,比如label和placeholder的结合

5、注意下拉菜单不能过长,像12306一样下拉菜单太长可以提供检索的功能,避免用户选择时出现视觉疲劳

。。。。。

还有很多需要注意的,这里就不赘述,有需要的朋友可以看看这篇文章http://www.devstore.cn/essay/essayInfo/6300.html?ref=myread,我觉得总结的蛮好的!!

0 0