B端-复杂业务表单设计(2)

编辑导读:表单在我们的日常工作中经常会用到,一个优质的表单可以提高我们的工作效率,完成一些更多的业务,提高产品体验。本文是表单设计系列的第二篇,作者以云租赁“新签合同”的改版设计思考,给大家阐述如何应对复杂业务表单设计。
B端-复杂业务表单设计(2)
文章插图
以云租赁“新签合同”的改版设计思考,给大家阐述如何应对复杂业务表单设计。
一、项目背景云租赁是明源云空间旗下的一款为存量地产提供多业态(园区、写字楼、创意空间、专业市场、底商、购物中心等)资产管理的Saas产品,发展至今已4年有余。
2017至2019年云租赁产品处于验证价值期,侧重快速兑现价值、不考虑使用感。如今,产品租户数已突破百,商业价值得以验证,产品进入快速覆盖抢占市场的阶段。然而,较高的交付成本阻碍了产品在市场上快速覆盖。因此,我们需要做出转变,通过设计给产品加分,助力业务成长。
2020年Q4季度,围绕公司的战略规划“降交付、打标杆、落价值”,我们聚焦3大核心业务场景 — 收缴、交易、运营,成立专项组进行底层架构到视觉交互层面上的体验升级。接下来就以交易场景(新签合同)为例,阐述一下我面对复杂业务表单设计上的一些思考。
二、发掘问题在这个项目中,我们从产品和客户两个角度挖掘本质的共性的问题。
产品角度 – 收集产品现存的问题:
运用“交互行为五要素”将一整套业务拆分成一个个小的业务场景,通过产品体验剧本进行交付沙盘模拟分析各个核心业务场景下的产品现状。
B端-复杂业务表单设计(2)
文章插图
客户角度 – 获取客户的诉求:
一线交付人员对客户做了调研访谈,深入的挖掘他们对当前的产品使用问题;客户成功团队收集用户的心声,将不同岗位和职级对于租赁系统的问题真实反馈收集汇总。
B端-复杂业务表单设计(2)
文章插图
将每个场景下的客户诉求,与产品现状进行对比,那么在产品现状中没能满足客户诉求的地方,便是产品需要改进提升的问题:
B端-复杂业务表单设计(2)
文章插图
由于得到的问题其实还是较为零散,最后我们利用“双钻模型”对待改进的问题进行聚焦,也就是对同类问题进行归类、发现零散问题背后的本质问题,得到目前新签合同的核心问题:缺乏业务场景化设计,签订效率低。
三、设计目标基于上面的问题,本次新签合同的改版目标可以概括为:有场景、更高效、更易懂。
四、设计实现针对之前所提出的问题,本次新签合同流程的设计目标“有场景、更高效、更易懂”大致体现在如下几个方面:
4.1 功能整合,架构升级在旧版的框架体系中,所有任务信息直接平铺展示在页面中,导致功能信息杂乱分散,重点信息难以查找,信息关联性弱等问题,严重影响了客户的签订效率。
在这次框架设计中,我们根据客户的实际业务场景,将相关功能进行聚合处理,将操作相对低频的功能进行转移或删减。通过功能的整合,可以加强认知,减少客户多余的思考与判断,降低学习成本,提升签订的效率。
B端-复杂业务表单设计(2)
文章插图
4.2. 聚焦业务,重组结构在页面结构上,通过捕捉用户习惯与认知,借鉴了用户最熟悉的线下纸质合同样式,消除机器语言的陌生感,强化业务感知,降低用户认知负担。
B端-复杂业务表单设计(2)】案例1 基础信息
在旧版中,基础信息页采用单列平铺布局,使得录入内容需要3屏(1440*900px)才能展示完全。同时,各个模块零散、杂乱,未贴合用户的核心业务场景,导致用户心智乱,填写效率低下。
B端-复杂业务表单设计(2)
文章插图
于是,我们对页面的信息模块进行了重组排布,将“合同信息”、“签约时间”这种低频模块弱化规整到了页面顶部;“出租方”与“承租方”这种关注度高、关联性强的模块进行信息权重升级,保证用户第一眼能看到;将不常用的功能(合并拆分、打包定价等)进行功能转移,将任务移交给系统,减少客户多余的思考与判断。原来三屏的内容浓缩到一屏内展示,内容更清晰明了,用户心智更统一。
B端-复杂业务表单设计(2)
文章插图
案例2 合同条款