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