网站制作怎么设计好在线表单?

2017-11-13

在网站制作中,在线表单是常见而且重要的元素。从注册、订阅、反馈、问卷甚至是在线交易,都离不开在线表单。因此,我们在制作网站的时候,要重视在线表单的设计,让它更加契合用户的需求和提升用户体验。接下来就让小编抛砖引玉,介绍几个关于在线表单的设计细节吧!

一、单列列表优于多列列表

网站模板表单设计

大部分人可能会觉得多列列表更加高效,因为它空间利用率更高。其实事实正好相反,多列列表的表单会要求用户按照Z字形的轨迹来完成填写,降低效率的同时也增加了漏填的几率。而在上面的网站模板中,单列列表的表单则只需要从上到下、单一路径进行填写,更加高效的同时避免了漏填的可能性,更加符合用户习惯。所以我们在网站制作中要优先选择单列列表的表单设计,提升用户体验。

二、减少待输入字段

网站表单制作

让用户手动输入文字内容不仅仅会降低效率而且提高出错的几率,所以在网站制作中,我们要尽量避免让用户打字输入太多的文字。除了单纯减少待输入的字段,我们还可以通过下拉选择、复选框、单选按钮等网站设计来减少用户的输入量。举个例子,网站在填写地址是可以采用下拉选择省市县街道等,有固定答案的问题可以用单选按钮代替文字输入,例如“是”OR“不是”。

三、减少出错的设计

表单输入有时候需要一些说明或者示范,不少网站都会将这些说明或者示范的文字作为占字符置于输入框内,节省空间。但是用户一旦开始输入这些文字就会消失,用户很容易忘记输入的内容或格式。而且如果提示不明显,用户很容易产生误解“这个我已经输入好了”。所以我们在网站制作中尽量要将说明或者示范的文字放在输入框外,让用户在输入的同时可以看到提示。

如果我们要求某个输入的内容或者格式要非常精准,那么我们可以考虑设置成相对的输入方式和显示方式。举个例子,商城网站经常会需要用户的电话号码,那么我们可以把输入框设计成(× × × ×)× × ×—× × × ×,这样就更加方便用户输入,减少出错的几率。所以,一般商城网站模板的设计都会考虑这个问题,避免出现错误。

用户本来就对在线表单心有疑虑,我们要做的就是设计出有针对性的、细节周到、高效率的表单,让用户可以用更短的时间、更流畅地完成表单,这样才是优秀的网站制作。


免费使用