表单是网页中的重要元素,一个优秀的表单会给用户带来不错的用户体验。经过近期长时间设计表单,我们需要从表单基本层面重新审视表单、理解表单。深刻认识到表单时用户和软件之间最具挑战的交互方式。
1、必填字段不需要标记
我们在设计表单时,大多数时候,或者说大多数做法都会给必填字段加上一个星号*标记,以让用户知道这是必填选项,但实际上必填选项没有太大意义。一份表单,最初始的出发点本来就是要填写完这份表单,标出必填字段并不是一个好的交互,无形之中给用户增添了学习成本,单纯使用(红色的*)星号标注必填字段有一定的学习成本,会让用户有学习负担。针对必填选项,表单选项基本上都是需要填写的,特意的使用某个符号标示此项必填,会显得有些许累赘,完全可以设置选填选项来弥补这一缺陷。
但是不需要标记必填也不是对所有表单都适用。如果大部分字段都必需输入,那么就将可选字段进行标注,如果大部分字段都是可选的,那么就标注必填字段。
关于必填选项这个处理方式,看了一下,腾讯系的很多产品都没有加必填选项标记,如腾讯微博、腾讯微视、QQ号注册等,百度系的百度账号注册也没有必填选项标记,Facebook注册没有必填标记。
2、每一个表单只使用一种按钮类型,或者只提供一个按钮
我们在填写表单的时候都会发现,当选项项增加时,我们就需要增添世间去思考怎么做选择,下决定的时间就会无形之中变长。我们可以在设计表单的时候就避免这个问题,每个表单页面只有一个醒目的按钮,让所有的基本按钮都保持同一风格,主动作按钮突出让用户毫不费力地进行操作。
3、输入框的长度要保持适中
输入框的长度要满足输入的文本的长度,同样也不能让输入框的长度太长。如果有必要,可以增加一个计数器,实时显示用户还可输入的字符数。这种情况针对大段输入框不失为一个好方法。但是对于普通的一句话输入框,只要框的长度适中就好,输入框太长会给用户造成疑惑,我的内容是不是填少了。
4、校验要及时,且提示信息需要突出显示,要友善
对于输入框输入的内容,需要在光标离开的瞬间就进行校验,及时反馈校验结果,不能在填完一整张表单提交时告诉用户第一个输入框输入有错误,这种体验很不好。同时,当填写错误时,要及时在问题区域提示错误,提示信息的位置要醒目准确,让用户一眼看到出错区域,并且提示信息要友善,要告诉用户错误原因,或者给用户提供解决方案入口,不能只孤零零地提示错误,什么都没有,会让用户不知所措。
5、输入框如果有限制,需要给一个示例示范
如果一个输入框要输入手机号,限制为xxx-xxxx-xxxx格式才能被验证,那么就需要在旁边给一个示范。最好的处理方式就是在输入框内加上破折号,让用户直接在破折号之间的空格里输入数字,体验会更好。
6、把相关的部分放在一块
当下时代,信息本就复杂,在填写表单时,人们总会有一种畏惧感,对表单的一种陌生感畏惧感,把相关的内容放在一块,一是可以显得有条理性,二是可以把内容组织得更好,三是可以让用户在填写的过程中顺着一定的思维思考,可以产生更好的用户体验。
7、如果表单过长,可以选择拆分表单
如果表单过长,可以按照内容的相关性将其拆分成多个步骤,就像是把一个很大的任务分解成多个小任务一样,这样用户在填写时才不会有畏惧感,也不容易产生疲劳。同时长表单拆分后可管理性会更好,用户前面填写的表单可以先保存起来,如果用户在填写后面表单的时候遇到计算机故障,不至于所有填入的表单内容全部丢失。但是,如果将一个长表单进行拆分,就需要给用户一个提示,让用户知道当前所处的位置,如2/4页,这样用户就知道完成了多少内容,还剩多少内容未完成,填写起来心里会更有底。
8、如果一个输入框可以满足需求就不要用两个
一个问卷,给标题添加一个logo,这种形式的,完全可以通过标题输入框就能完成,没有必要再添加一个输入框再来添加logo。给表单添加一个描述,可引入图片、链接页面等,通过一个稍简易的编辑框就能搞定所有。
9、表单设计保持一致性
确保表单中的所有输入控件保持一致,用户体验才会保持一致。前面单选用下拉列表二选一,后面单选用单选按钮,表单风格不一样会给用户造成不好的体验。
10、使用恰当的动作顺序
当一个删除操作,确定是主动作操作时,需要强调确定弱化取消。当一个删除操作取消是主动作操作时,需要强调取消弱化确认。根据场景使用恰当的动作顺序。
11、表单提示文案要精简
没有人愿意查看一大段的提示文案,现在的用户浏览网页都是扫的,不再是认真的阅读每一段文字,提示文案一定要做到言简意赅,一目了然。十个字能搞定的绝对不要用十五个字来臃肿一番。