交互策略表单设计除了静态展示效果外，还有大量的交互操作。主要的设计目标就是「效率」和「防错」。1、操作效率1）减少用户输入虽然PC端输入比移动端更加便捷，但是输入型操作对用户而言成本仍然较高。一方面用户需要思考应该填写什么内容，另一方面需要准确地完成内容输入。而选择的成本相对更低，因此在表单设计时，尽可能让用户以选择的方式完成任务。例如邮箱在上传附件时，如果邮件没有填写过标题，会将附件名称直接填入邮件标题中，减少用户输入。2）合理预设表单信息可以通过信息的抓取、内容关联度分析，预设合理内容值，减少用户的操作。例如QQ邮箱设置时，系统提供了默认话术，用户只要快速启用即可。对于如证件类型、手机区号、国籍等较为通用的选项，为用户提供默认选择，同样可以有效简化操作步骤，减轻用户输入，帮助用户更快地完成表单填写。2、业务流程顺畅当我们在填写A任务时，需要关联选择B任务。而B任务并没有创建，该怎么办呢？通常情况下，需要在A任务中完成创建B任务。例如弹窗、抽屉、甚至是新开页面的形式，保证主流程的畅通。否则对于高频操作的任务，会严重影响用户的操作效率。如果由于各种因素，在流程中无法直接创建分支任务，或者由于各种限制条件阻断用户操作时，该怎么办呢？此时需要在任务开始前，给用户足够的信息提示。避免用户已经填写了部分内容后，发现缺少相关的内容，导致任务无法完成。这会带给用户非常糟糕的体验，尤其是会消耗用户较大精力的工作。3、保存机制表单填写时，可能会遇到各种异常场景，需要有防错机制和保存功能，避免用户误操作时造成信息丢失。4、即时反馈表单填写是为了向用户收集正确有效的信息，所以需要在用户填写完成或者提交表单时增加校验机制。校验机制分为前端校验和后端校验。前端校验无需服务器传输数据，前端页面会根据校验规则，对输入完成的内容进行验证。例如邮箱格式、手机号长度、密码是否符合规则等。后端校验需要将表单内容传入后台数据库进行匹配，不匹配则会将信息反馈至前端页面。通常用在点击提交按钮后，例如账号不存在、密码错误等。前端检验可以帮助用户及时发现问题并修改，纠错的效率更高。后端校验相对滞后，出错后用户需要自行定位错误项。无论采用哪种方式都要告知用户错误原因，帮助用户快速解决问题。 写在最后 表单设计是设计师绕不开的内容，无论用什么方法论也无法穷尽其中的可能性，也没有一套覆盖所有场景的设计模板。设计师需要根据实际的业务场景，去完成合适的设计方案，并在不断的实践中积累经验，总结得失。表单最后一篇，大家多多「点赞」和「在看」，谢谢～— THE END —
子牧UXD
0
0
