表单设计原则-辽东学院-信息学院-杨艳玲
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 在输入电话号码、邮政编码等情况下输入框长度可以提示字符限 制。
14、用可填项代替必填项
• 并不是所有用户都能理解（*）的含义，用可填项来代替会更好 些。
15、将相关信息进 行群组
3、将标签与各自的输入框群组
• 在呈现表单时确保单个标签和输入框组成的群组之间留有较大的 空间，不让用户产生困惑。
4、不要全部大写
• 全部大写的话不易于阅读，也不易于后期扫描。
5、选项不超过6个的话就全部展示出来
• 如果超过5个选项的话就使用下拉式菜单。选项超过25个的话加 入联想搜索功能。
6、不要使用占位符文本作为标签
• 这样做带来许多不便。
7、复选框纵向排列以便于扫描
8、叙述性的进行行为召唤
9、针对性的提示错误
• 告知用户错误的位置以及原因。
10、在用户填写结束后再进行验证
• 在用户填写结束后再进行验证，除非这能在填写过程中有所帮助。
11、不要隐藏基本的提示信息
12、将一级动作和二级动作区分开
13、将输入框长度作为提示信息
表单设计原则
无论是登录/注册流程、会员申请 步骤还是数据输入界面，表单是互 联网产品设计中的重要组成部分之 一。
1、单列显示
• 多列显示会干扰用户的垂直视线。
2、标签置于输入框顶部
• 当标签置于输入框顶部时用户完成表单的几率高于标签置于输入 框左侧的表单。位于输入框顶部的标签在移动端的体验也更好。 然而在需要输入较多变量和数据的表单时应该考虑置于输入框左 侧的标签，这样能够减少行高，便于后期数据统计。
14、用可填项代替必填项
• 并不是所有用户都能理解（*）的含义，用可填项来代替会更好 些。
15、将相关信息进 行群组
3、将标签与各自的输入框群组
• 在呈现表单时确保单个标签和输入框组成的群组之间留有较大的 空间，不让用户产生困惑。
4、不要全部大写
• 全部大写的话不易于阅读，也不易于后期扫描。
5、选项不超过6个的话就全部展示出来
• 如果超过5个选项的话就使用下拉式菜单。选项超过25个的话加 入联想搜索功能。
6、不要使用占位符文本作为标签
• 这样做带来许多不便。
7、复选框纵向排列以便于扫描
8、叙述性的进行行为召唤
9、针对性的提示错误
• 告知用户错误的位置以及原因。
10、在用户填写结束后再进行验证
• 在用户填写结束后再进行验证，除非这能在填写过程中有所帮助。
11、不要隐藏基本的提示信息
12、将一级动作和二级动作区分开
13、将输入框长度作为提示信息
表单设计原则
无论是登录/注册流程、会员申请 步骤还是数据输入界面，表单是互 联网产品设计中的重要组成部分之 一。
1、单列显示
• 多列显示会干扰用户的垂直视线。
2、标签置于输入框顶部
• 当标签置于输入框顶部时用户完成表单的几率高于标签置于输入 框左侧的表单。位于输入框顶部的标签在移动端的体验也更好。 然而在需要输入较多变量和数据的表单时应该考虑置于输入框左 侧的标签，这样能够减少行高，便于后期数据统计。