elementui表单回显进入了校验_工作小结：B端产品简化表单输入的终极大招

前言

如何简化表单输入，是体验设计的重要环节，对于效率第一的B端产品来说更是重中之重。虽然有不少表单设计的指导经验 (例如精简字段、渐进呈现、动态校验反馈、提供合理默认值等) ，但对于B端复杂繁琐的业务场景来说只能算是杯水车薪，并不能从根本上改善用户体验，到底咋整？ Giles Colborne在《简约至上：交互式设计四策略》一书提到泰斯勒定律(Tesler’s Law)，也就是复杂度守恒定律： “任何应用程序都有有一些无法消除的复杂性，关键的问题在于：谁会面对这些复杂性？ 到了设计简单用户体验的最后，往往不是问‘怎样才能把这个功能设计的更简单’，而是问‘到底应该把这个复杂性放到哪里’。’’ 今天跟大家探讨的“终极大招”，就是如何把复杂度乾坤大挪移，转移到用户看不到的地方。

---

本文目录 解决方案有且不限于以下7种，欢迎大家在留言区补充~ 1. 第三方系统对接 2. 系统自动获取数据 3. OCR识别文件内容 4. 支持批量导入 5. 支持语音输入 6. 维护SKU数据，选择代替输入 7. 人工客服支持

---

正文 1. 第三方数据对接 第三方数据对接已拥有成熟的商业解决方案，完整规范格式化的数据，技术团队通过调用对方标准接口，可大幅缩短开发周期。 例如供应链系统接入物流平台数据后，用户可在系统内追踪查询货件，形成链路闭环。
不过第三方数据需要付费使用，要考虑到客户数量和边际成本。另外，因数据更新周期的限制，获取到的数据可能不是最新的。 2. 系统自动获取数据 系统自动获取的数据，来源包括用户已经输入过的数据，或者根据用户已输入数据计算出来的其他数据；也包括硬件设备特性的支持。 例如某2B公司的地推销售在手机App上填写拜访日志时，可利用GPS定位获取并填入客户的公司名称，读取通讯录自动填写客户名称和联系方式等。 C端App有大量此类案例，例如在用户注册时询问是否使用本机号码，输入法可将短信验证码自动复制到剪贴板，当复制一串数字后打开菜鸟裹裹App，顶部搜索框会自动将字符串填入。 3. OCR识别文件内容 即通过识别技术将图片中的文字转换成文本格式。当用户上传图片后，系统自动填入识别结果。 如果提供的图片不清晰，或有水印等干扰，会降低识别准确率。若准确率很低，需用户逐一修正字段内容，反而本末倒置，得不偿失，极大伤害用户体验。 4. 支持批量导入
用户上传Excel文件，系统读取并自动填入表单，可大大减少B端用户将本地数据复制到线上的重复劳动。
要注意的是，数据格式不规范会导入失败，因此需要在页面上提供模板下载链接，并把格式规则清晰告知用户。内容出错时，需指出错误原因和位置，便于用户定位和修改。 5. 支持语音输入 有些需要长文本输入的场景下，对文本格式和规范要求不高，可同时支持语音+文本输入，或语音转换成文本。现在的语音识别技术突飞猛进，连方言也能精准识别，在未来的应用可以说是很乐观了。 6. 维护SKU数据，选择代替输入
用选择代替输入的好处，一、减少输入负担，二、填入的内容都是符合格式规范的，三、字段值之间有关联关系，比如确定了商品规格，就同时确定了单位、单价等。
但获取SKU数据存在壁垒，维护SKU数据可能需要投入大量成本。 7. 人工客服支持 对，你没看错，哈哈哈哈，找个实习生小朋友代替用户进行表单录入的工作，虽然有点原始，但是也比用户自己操作的体验好啊！ 客户可提供任何格式的文件，只要工作人员能打开。 不过人工处理存在出错概率，需要复核节点才能继续流转。还有一点缺陷是遇到周末和节假日，工作人员休息，时间上会有延迟。 ONE MORE THING 以上方案可以叠加，互相助力，彼此神助攻。比如B端用户在实名认证时，只需上传营业执照，系统自动识别后调用第三方接口验证企业三要素，验证成功后自动进入下一步。既节省用户操作，也提升了内部工作效率，降低出错率。

---

结束 用Dan Saffer在《微交互:细节设计成就卓越产品》中的一段话分享给大家： “微交互致力于把一件事做好，理想情况下用户看不到选项，一以贯之的只有聪明的默认项。所有人都只要操作一下，然后一劳永逸：规则一结束后是规则二，然后是规则三。”

以上，欢迎交流，欢迎拍砖~