网站建设中表单设计原则

时间:2017-09-06 来源:文率科技

通常来说,基本上每一个网站都离不开用户注册,用户反馈,用户留言等各种基本功能,这些基本信息都会涉及到表单的问题,如果想要提升这些方面的用户体验,那么在表单设计方面必须不仅需要花费很多的心思,更需要掌握表单设计的基本原则和技巧,今天,天津网站建设-文率科技的小编特意为大家分享关于表单设计的知识。

首先,简单说说表单中含有哪些元素:


标签:作用主要是为了告诉用户表单需要填写哪些类型的信息,一般情况下,都是放在表单文本框之外的。

表单字段:主要是用来收集用户输入的信息,我们平时使用的表单,每个字段都包含着某一类信息,如:姓名,性别等等。

占位符文本:又被称之为是提示文本,位于表单文本框里面,其主要作用是为了提示用户填写,在大多数的做法中,当用户开始输入,这些提示文本将会自动消失。

其次,着重讲一下关于表单设计的原则:

一、明确输入域标识

表单中每一个客户输入的区域,视觉上一定要合理,尽可能的做到方便用户使用,不要只是一味的追求美观度而使得输入区域变得模糊。如果对于表单设计您实在没有好的想法,天津网站建设-文率科技的小编建议您,不妨采用IE默认的样式,虽然简陋,却能让用户易于理解,而对表单中的必选可选区域,无论是通过改变元件的边框或者背景颜色,还是增加*号标识,必须做到明确,让浏览者在使用表单时,可以快速理解表单元件规则。

二、表单尽可能智能化

如果表单具备一定的功能性,如:搜索,查询产品,服务等,建议较好使用能够提供搜索历史或者是查询记录的功能,这样能够有效的帮助用户快速找到自己想要的内容。关于历史搜索及查询记录的功能,完全可以通过Javascript技术或者服务器端编程来实现。

三、布局尽可能简单


随着时代的发展,人们的审美也在不断地发生着改变,在表单设计中如果采用过多的色彩和设计元素,或许能够引起用户的注意,但是与之而来带来的问题就是,用户难以将注意力集中在关键的信息上了。通常来说,浅色的背景和更容易被聚焦的主体内容搭配在一起,是有效的设计策略,合理地加入一些描述性的内容,能够帮助用户更好地理解信息,提升整个流程的速度,增加表单的直观性。

如下面的这个案例中,诸如“Username”和“Password”都作为描述性的文本,来帮助用户了解各个字段需要填写的内容。

四、验证方式采用手机

经常浏览网页的用户应该都经历过,当填写表单时,可能需要进行相应的验证,而验证的方式多种多样,如:手机,邮箱,身份证号码等等,但是在众多的验证方式中,不得不说,手机验证相对于其他验证方式而言,有着更高的方便性,快捷性,因为在今天,大多数人基本上都是手机不离身的,打开手机验证是贱人。

五、符合网站风格,用户习惯

每一个表单想要成功,都必须做到符合它要表达的形势或情况,当你技术设计表单时,一定要问问自己下面,天津网站建设-文率科技的小编所提到的问题,(1)你打算问什么问题?以什么的形式开始问?(2)你的网页中有表单和没有表单分别是什么样的展示形式?(3) 表单中有没有用户要填的信息,或者有没有他们想要填的信息?这些回答,这些问题的答案对于表单的样式和内容设计有很大的帮助。

六、必须要使用简洁描述

有时,用户可能不理解你的表单,这时就需要你解释一下在表单中收集相关信息的原因,尤其是那些用户不愿分享的信息,如:电话号码、电子邮件、身份证号码等,这样做不仅消除了用户的疑虑, 也保证了数据的正确性。但是需要切记:任何描述和评论都要简明扼要,不要长篇大论,影响用户体验。

看下图:


最后,天津网站建设-文率科技http://www.wenshuai.cn/的小编就是想要告诉大家,在制作时一定要注意,毕竟现如今很多的网站中都有表单,如果可以做好的话,对网站用户体验会有一个很大的提升,只要用心去设计,说不定你会惊讶于表单的质量的大幅提升以及收获的大量反馈。


联络方式:

中国 · 天津市河西区南京路35号亚太大厦1403室
电话:15620613686
邮编:300220