2022-1-23 资深UI设计者
表单在B端产品中是重要的组成部分，设计表单是比较考验设计师综合能力和设计细节的。一定程度上，表单设计的好坏也决定了产品的成败。
在实际项目中随着B端产品的复杂化，出现冗余的视觉干扰信息，降低信息传达的效率，使得用户认知成本高，操作难度大。那么对于表单如何提升表单的易用性又该如何数据量化易用性呢？本文从4大方面阐述全面提升表单的易用性并验证。
表单由表单标签、表单域、提示信息、操作按钮组成。
在我们设计B端产品的过程中，总会遇到用户信息填写逻辑混乱、资料收集不全的状况，导致用户在浏览和编辑时的操作体验大打折扣。主要反映在以下几个方面：
1、用户浏览信息顺序混乱，信息层逻辑不清
2、不同信息内容风格及交互不统一，用户难以建立统一心智
3、产研协作与资产沉淀之间有断层，无法有效沉淀与跟踪管理
4、整体页面操作时间长，用户跳脱率高
5、用户客诉数据高
提升表单易用性的4大原则：易阅读 、易操作 、安全感 、所见即所得
a、采用扁平化设计，化繁为简，去除冗余的视觉干扰，使得页面更加简洁清晰。
如：当必填特别多时，就不用都标出来了，只需要单独标出非必填项即可，最大化得信息降噪。
b、尽量采用单列布局，视觉动线流畅，不容易遗漏信息；按Enter换行，可以最大程度得提升表单的输入效率。此处的用户心智与操作效率比屏幕利用率更为重要。
c、面对多行或复杂表单可以采用逻辑分组+合适的折叠度，提高页面有效信息的透传，增加用户填写表单的效率，让用户快速填写，快速离开。
a、为用户提供合适的默认项，可以减少用户操作步骤，提高填写效率。
b、在表单中填写上部分信息即可自动获取下面信息，无需用户再次填写，也大大增加了操作效率。
c、根据搜索、联想，自动现实匹配信息，大大减少用户记忆和认知的负担。
d、对于一些标准证件、文本信息的录入，可以通过OCR识别文件内容。当用户上传图片后，运用图像识别技术提取关键信息并自动录入。
如果图片不清晰或存在水印，此时也应提供修正渠道，可逐一校对并修改。
a、操作前给予正确提示，避免用户重复试错，缺乏安全感。
b、操作中给予实时反馈，为用户封闭不正确的道路。
c、操作后的提醒和纠错，告诉用户哪里错了，而非简单粗暴的错误警告。
边设置，边预览，适合对移动端、小程序、H5的配置。
通过用户点击数据，辅助设计洞见。从4个方面量化体验度量衡：任务完成率、任务完成时长、必填项目数、易用度评分
通过埋点获取数据使用公式进行计算或让技术搭建看板直接看。新版上线后，用户会有一定的学习适应周期，最好选取一个月以后的数据，比较具有参考意义。
数据分析发现，任务完成时长数据呈现伪正态分布状态，取众数最具代表意义。
结合业务场景，减少不必要的必填项，只设置必要的信息填写，能自动获取则自动获取，减少操作步骤，增加操作效率。
通过在产品后台投放调研问卷，获取真实的用户，使用登门槛效应让其进行评分。最后可把被筛选的对象圈到访谈对象池，有机会可以成为产品成长用户。
以上就是对于提升表单易用性及验证的思考，总结如下：
提升表单易用性可以提高信息内容理解和操作效率，更便于管理账户
提升表单易用性可以提升获取用户和企业信息内容的效率，优化企业框架结构，提升信息质量
提升表单易用性可以提升信息获取效率，节约设计和开发成本
文章来源：站酷 作者：牛肉咖喱garry
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务