随着互联网时代的快速发展,设计师不再简单地为互联网创造美丽的画面。作为一个WEB设计师,除了基本的设计技巧,还需要考虑其他问题,比如用户体验、算法、代码等等。如今,用户体验设计变得越来越重要,尤其是对于网页表单的设计。
WEB表单设计的目标是设计一套从填写表单到单击提交按钮的最简单的过程。从非常简单直接的形式到花哨、丰富多彩、富有创意的形式,每个网站都呈现出一种形式风格。无论是登录/注册表单、联系人表单,还是其他类型的表单,设计人员都需要记住,这些表单的目标是赢得用户的注意,并引导他们填写信息。Mockplus根据多年的设计经验,总结出WEB表单设计的六大原则。
(一)保持醒目和简洁
我们经常遇到一个问题。许多用户抱怨登记表需要太多信息。如果你设计的网站是想增加注册用户数量,那么你首先要保证设计出来的表单尽可能简洁,容易填写。同时,突出显示的部分和信息可以在设计时以更引人注目的方式强调。
(二)合理组织信息
对于一个需要填写多项的复杂表单,如果信息没有组织起来,很容易出现复杂混乱的情况,让用户一开始就感到矛盾,甚至选择放弃。为了合理、分层地组织信息,可以利用帧线、空间间隔和颜色的差异,根据不同信息的类别、属性和相关性来划分块,并使用阶梯条来表示当前的过程。清晰的浏览线、合理的标签排列、提示文字和按钮可以避免不必要的信息,减轻用户的视觉和身体负担。
(3)较大的输入框
根据实际用户反馈,表单设计中较大的文本输入框和适度的空格会让人有更多的填充欲望,优雅的动画效果也能增加填充的兴趣。在设计表单的过程中,设计师需要缓解不同输入元素之间的冲突。粗体文本提示用户哪些区域已经填充,哪些区域仍然是空的。当一个输入框被激活时,它会变成淡蓝色,指示光标现在的位置。
(4)为用户节省时间
需要大量时间填写的表单容易失去耐心,用户又懒又忙。尽量删除所有不必要的项目,考虑除了让用户机械地通过键盘在表单上输入数据(比如后续调查),是否还有更好的方法收集所需信息。
一站式服务的设计理念
表单的终点不是提交,设计者在设计时需要抱着为用户提供一站式服务的想法,形成流程的闭环,避免用户中途跳出。一个好的表单设计不仅要考虑填写前用户的指导,填写时及时检查帮助,还要考虑填写后的全过程体验。想想用户填表的初衷,让他填表后最快速的得到自己想要的东西。即使暂时拿不到,也需要告诉他相应的理由和可以进行的替代操作。(6)提供设计关怀
据不完全统计,网上约有12%的人患有轻度或重度色觉障碍。如果用颜色作为区分不可点击文本和可点击链接的唯一元素,可能会让这些人很难使用。在设计表单的过程中,我们可以通过添加虚线、使用按钮或其他形状来区分链接文本,这样用户就可以更清楚地知道哪些区域是可点击的。