提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
无论是注册流程、多屏分步表单,或者是单调的数据列表界面,表单都是数字产品设计中的重要组成部分。本文会探讨表单设计的注意事项。记住这些只是通用规范,每条准则总有例外。
表单应该只有一列
多列布局会扰乱用户垂直方向的视线移动。
顶部标签
顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标签更贴心。
把标签与输入框成组排列
把标签和输入框贴近排列,确保项目之间留有足够高度,防止用户困惑。
不要把默认提示当做标签
把默认提示文字当做标签,意在节省空间。但这会导致许多可用性问题,Nielsen Norman Group的Katie Sherwin对此作过总结。
纵向排列勾选框(和单选框)以保证易读性
纵向排列勾选框能加快浏览速度。
行动指令要描述出具体行为
逐行说明错误
告诉用户哪里错了,说明原因。
逐行验证要在用户填完一行之后进行(除非填写中验证更有帮助)
别在用户打字的时候进行逐行验证,除非这对他们有帮助——例如创建密码、用户名之类,或者字符数提示信息。
不要隐藏基本的帮助提示文案
尽可能直接展示基本的帮助提示文案。对于复杂的提示文案,可以考虑在输入框激活时,展现在它旁边。区分主次操作项。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册