4. 合理的利用分页、分组当我们隐藏、删减了很多内容后,表单依旧庞大,切记不要把所有内容一次性全都展示给于用户,过长的表单需要花费较多的时间才能完成,可能导致用户不知所措、产生烦躁情绪从而放弃填写,这时就需要将所有的表单项进行分组,有必要时还需分页展示 。
将超长表单任务根据特定的逻辑、属性分割多个小任务,分页展示且同时显示操作进度,会让用户觉得更容易填写、操作流程更连贯顺畅,对整个表单形成清晰的预期,这样有利于用户专注于当前选项 。
细心的设计师会发现,目前有部分应用将登录页的手机号/验证码输入进行了分页,主要原因是点击获取验证码之后需要等待接收短信,而等待的空档期会让用户产生效率缓慢的感觉,分页后在跳转页面时能掩盖小部分的等待时间 , 从某种意义上来讲,分页操作的流畅度会“高于”多信息同页面等待完成(此论点各执一词、未被证实) 。
将超长表单内容分组、分页固然能提升体验,但不能过于细化、刻意增加操作步骤,否则可能会惹恼用户 , 遗留下来的将是一个全新的问题 。
5. 标签与输入框视觉的视觉关联接近性原则告诉我们,元素之间的相对距离会影响用户感知他们之间的关系,相互靠近的物体被认为比相互距离较远的物体更有关联性 。
按照原理,同一组表单元素应该靠的更近,以体现内容的关联性,确保界面层级清晰,用户不会产生疑惑 。
6. 字数限制需实时提示对于输入内容可能较多的单个表单项,需要实时提醒用户剩余可输入字数,避免用户一股脑的输入完成后才发现内容量已翻倍、极不情愿的重新组织语言,这种情况常出现在备注、介绍等较长表单项 。另外,在自定义注册账号、设置密码的较短表单项中也会碰到 。
7. 内容长度与输入区高度相适应重要的表单内容,不管内容多长都应该完整显示,例如个人简介、详细地址等表单项,如果仅仅因为内容过长就将后面的部分隐藏,可以说是非常不友好,用户甚至无法对已输入的信息进行完整的预览 , 不能确认信息的对错 。请记住,如果从一开始就不想让用户输入太多信息,那就从程序上控制并给予对应的提示 。
表单输入区的宽度虽然是固定的 , 但可以通过自适应调整高度来确保信息内容的完整性,保持良好的使用体验 。
六、总结以上是笔者对表单设计的一点经验和总结 , 希望对大家有所帮助 。我们在设计表单时,需要用结构化的思维去思考分析,视觉只是整个体验的一小部分 , 如果只关注表面,也很容易将优秀的表单样式复制出来,但却无法理解背后的设计价值 , 毕竟设计都是先想好为什么,然后才开始做 。
很多时候,可能有人会认为一些很小的表单细节显得微不足道 , 就算能起到作用可能也只是对1%、1‰甚至1?的用户,杯水车薪 。但是有没有想过,一个应用中可优化的点可能会有100个、1000个… 。虽然有时候做的不是很好,但只要能比上一次好 , 那就毫不犹豫的换掉它 。
推荐阅读
- 什么是tif格式的文件,tif转PDF怎样操作
- 手机照片怎么重命名 手机照片怎么重命名jpg格式
- windows10如何修改文件格式
- c盘不能格式化 如何格式化c盘
- 日期格式 日期格式如何转换成2012-09-01
- 怎么修改文件后缀扩展名格式
- 利用条件格式给单元格填充不同颜色
- 怎样将WPS文本另存为word的doc格式
- 工资表文件格式如何转换
- 如何用格式化工厂剪辑视频 如何用格式化工厂剪辑视频教程