表单的功能:表单在网页或app中主要负责数据采集的功能。
从视觉表现上分类,一个表单有3个基本组成部分:
①标签:告诉用户相应的输入元素是什么;
②输入域 :一般包含:文本框、单选框、复选框、下拉选择、文件上传、开关、步进器、步骤条等 ;
③表单按钮:包括提交按钮、复位按钮和一般按钮;
此外还可以有
④填写帮助,如“请输入11位数的手机号码”;
⑤反馈:”提交成功“”网络错误“等
注:表单可以包含以上组成部分,但不是一定要有,比如提交按钮,在自动保存或触发的表单页面就可以没有提交按钮。
好的表单的标准:好用的表单应该是易于理解且让人感到舒适的
1、简单为上:减少不必要的填写内容、减少表格内的信息、减少页面的信息
方法:没有必要的信息收起来、一个页面填写1-2个信息、给用户最便捷的填写方式(能选择不要输入)
2、及时反馈:在用户做完操作后有进入下一步、错误等反馈,因此设计一些必要的微交互是提高填写表格体验的较好的方式
3、确认按钮的位置:要符合用户的心里预期、和操作习惯,一般有三种:置于右上角,最后一个填写内容的下方(与表格位置固定,并且随着表格移动)、页面底部。
4、在冗长的表格提交中,要告诉用户,总共有几步骤,目前处于什么位置,之前填写的内容是否成功;或者想办法提交填写表格的趣味性,让用户沉浸其中也是一个不错的选择。
5、抓住心里,利益和兴趣诱导,帮助用户填写下去。一般填写过程中,提示“98%的用户选择填写”、“填写给予优惠”或者“前100名的礼品”等等。