录入|设计沉思录｜移动端复杂表单的减负与提效( 二 ) 设计|移动端|减负|层级|表单

（1）多层级联动键盘
上面提到，本地服务中最复杂的录入模块是SKU录入，如搬家这样的类目填写项最多可达上百项（添加全部服务项及附加项的情况），因此这部分的设计需要最大程度地减少不必要操作和过多的跳转与调起，确保输入过程流畅而沉浸。
根据业务属性，我们为用户提供了兼容不同层级的联动键盘。
如下图，在用户输入的过程中，用户每填完一项，点击「下一项」光标自动定位到下一项，如填完1吨点击「下一项」，光标定位到容积输入；直至同级别项全部填完，键盘也不会收起，而是自动滚动到父级项的第一个子级项，如图中「十公里及以上」的「起步价」。
整个过程都在键盘输入组件中完成，用户只需要根据提示逐项填写所需信息，不需要点来点去，也不会收到键盘反复弹出收起的干扰，整个过程保证了录入的沉浸和任务的聚焦。

文章插图
【图7】多层级联动键盘
（2）标题自动拼接
在收集的用户反馈中，C端用户对帖子标题的可识别度和与内容相关性有所不满，而B端用户在发布过程中不知道如何编辑标题能最好地体现自身服务能力以获得更多点击。综合二者的痛点，解决问题的关键是建立具备高点击属性标题的标准。
我们将标题拆分为：服务亮点+服务范围。用于只需要填写自家服务亮点，系统从服务列表标题中自动提取服务名称并进行拼接，如下图。这样既提升了用户填写效率，也保证了标题与服务内容的相关性，差异化和可识别度也得以提升。

文章插图
【图8】标题自动拼接
（3）快捷输入&有效引导
为了提高填写效率，我们也提供了快捷输入方式和必要的引导。左图中详情描述通过标签引导用户填写有效信息，点击即可输入。
中图在用户填写价格时提供市场均价，点击「使用」即输入，降低了输入成本，也确保了价格的合理性。
右图相册面板为解决商家用户不知上传何种图片提供了引导，用户点击添加图片，用户需要先选择自己想要展示的图片类型（即相册），这样既能引导用户上传有价值的图片，也保证了图片分类的清晰度和合理性。

文章插图
【图9】快捷输入&有效引导
（4）服务模板
自定义服务解决的是表单普适性，而服务模板提供了更为标准化和高效率的表单填写模式。通过对线上高转化率的帖子进行分析和信息提炼，系统形成标准化表单供用户填写。
在该模式下用户减少了自定义操作，只要根据提示填写就能完成一个优质的服务贴，这对于有一定服务能力的商家是极为高效的。

文章插图
【图10】服务模板
03 总结通过由简到难的流程优化、表单可定制话、强化信息层级和可浏览性来减轻用户的心理、操作、视觉负担是基础；通过多层级输入键盘、自动拼接录入、快捷输入与有效引导、提供服务模板来进一步提升用户的认知效率和录入效率。
经过灰度上线数据验证，此次改版有效提升了发布成功率和发布效率。
作者：刘春明、崔登学、郑晓东
本文来源于人人都是产品经理合作媒体@58用户体验设计中心（微信公众号@58UXD），作者@刘春明、崔登学、郑晓东
题图来自Unsplash，基于CC0协议