表单,在网站建设中是经常出现的页面模块,而你在登陆网站填写信息、购物填写地址、修改个人资料时都是在和表单发生互动,那么在网页设计时,该如何设计出一个优秀表单?

 

一、填写流程

1.足够精简的填写流程

想让用户不被打断填写完信息,填写流程需要足够精简,才能让用户顺畅地完成信息采集。

2.多页填写要有进程提示

填写页面分为多页的话,需要进程提示,以便用户知道自己填写信息的位置和剩余步骤。

3.主动作与次动作

表单中提交、保存、继续等,都带有继续操作和完成操作的性质,在表单中的视觉效果应该突出。

 

二、选择合适的输入框

1.输入框类型

输入框有复选框、单选框、下拉菜单、文本框、列表框。

2.标签、输入框的对齐

标签对齐的方法有四种,左对齐、右对齐、顶对齐和输入框内标签。

3.选填与必填

用户知道红色星号*的是必填项。当必填项多于选填项时,可以标记选填项,而不是必填项加星号。

 

三、合理使用帮助提示

1.尽可能减少帮助提示

帮助文字能不用就别使用,如需使用,要尽量简洁明了。

2.帮助提示的五种样式

常用帮助提示有弹窗、toast、snackbar、气泡和行内提示五种样式,每一种根据使用场景不同,对用户当前操作影响也不同。

3.自动即时帮助

即时帮助需要在合适的时间和位置。

4.成功提示

成功提示属于整个输入信息的额外信息,是对用户完成信息输入的提示。

 

四、信息验证

1.错误提示的验证

当信息填写不对时,跳转到下个输入框,如果能通过认证,但是提交不了,就很难发现错误。所以在填写错误时跳到下个输入框要即时提示填写错误。

2.输入限制需要实时提示

限制输入常见于固定信息输入、或者是输入较长文本信息,这样的提示需要实时提醒用户。

咨询我们

你可以填写你的联系方式,我们会主动与你联系,或者拨打我们的咨询热线。