设计沉思录 | 表单如何提效赋能?

0 评论 4095 浏览 22 收藏 11 分钟

编辑导读:我们上网经常会碰到各种各样的表单。注册账号要填表单,网上购物要填表单,登录邮箱要填表单……好的表单设计能给网站增加注册量,面对复杂的表单,设计师如何对其重新设计,为用户减轻负担、提高表单效率和成功率呢?本文作者结合负责的具体项目案例,对此进行了分析总结,与大家分享。

本季度展开了对黄页发布的一个战略升级计划:为什么说战略升级计划,首先我们针对发布进行了三个阶段的规划:第一阶段为“基础构建”第二阶段为“轻量化”第三阶段为“智能化”。

我们将会从这三个阶段进行全方位连载复盘。本次分享主要从【基础构建】视觉方向进行阐述,欢迎大家持续关注和探讨。

01 升级背景

本次1.0版本将以基础构建展开一个整体的发布升级。

黄页的内容帖子数量及质量在整体业务中的重要性不言而喻,故此发布是很重要的一个环节,为了更好的满足业务需求以及未来的可能性。推动了黄页发布的基础构建计划,提升发布效率及发布成功率,全流程优化用户体验,也是为了后续的2.0和3.0版本做好基础准备。

接下来分为三个方面来总结,首先是现状思考:也就是目前发布的情况,以及思考我们想要达成一个什么样子的目标。第二点是进行目标拆分和推导,然后进行设计产出。最后一个方面是从数据方面进行验证我们所想及所设定目标是否一致,还有针对此次改版的一个总结和后续的一些行为。

02 现状思考

改版初期,针对黄页发布流程整体进行了调研、体验,同事对关键流程进行了数据分析,总结归纳出现有页面存在的问题如下:

  • 整体设计风格及交互体验不统一:弹窗、信息填写等样式太过繁多,完全不一致导致用户操作成本较高
  • 整体发布流程结构混乱,信息层级不清晰:因黄页业务较为繁多,存在发布过程信息层级太多不一致及混乱情况
  • 当前流程容错率较高:信息自检不完善,用户信息填写错误时,再次编辑成本较高
  • 整体导致发布时间较长、成功率较低,用户流失较大:大概体验一次发布流程大概需要13分钟左右,还会出现一些不可逆情况

我们收集了一些用户反馈后,再结合线上页面整体来看。刨除用户所提出的那些问题外,还存在一些发布类别图片缺失,App端内容识别性差,效率低,样式复古等各个方面的问题。

也是由于黄页品类较多且繁多,不同类目之间界面交互,控件等样式繁杂不统一以及一些不可逆的bug等。

我们共计只是抓取了四个业务线,发现了共计27种样式控件,其中可统一的地方达到65%左右。

03 设计目标

那么综上所述,我们也因此得出一些结论,需要从四个方面入手,分别是提升发布效率,对表单进行快速高效填写。再从识别性,需要让用户使用成本降低,更快速的让用户知道如何使用!那么也要根据黄页业务种类繁多的方面考虑兼容性和拓展性,最后是需要统一设计风格,透传我们58的品牌感,来完成我们的发布基础构建。

然后,我们针对黄页发布改版梳理出了整体的一个设计原则,分别是:

  • 重新梳理发布流程,提升用户发布效率
  • 聚焦信息保证页面清晰
  • 各业务之间的兼容性
  • 提升用户体验
  • 保证设计风格统一,寻求设计亮点

遵循这个设计原则,我们产出了设计方案。

04 设计产出

1. 提效:先从入口开始,做加减法设计

将入口处强行绑定微信公众号才可进行发布的策略后置,先让用户可以进入发布页面进行正常发布。那么绑定微信公众号作为一个完善帖子内容提升曝光分的策略来执行,使得用户点击选择类目后减少干扰行为,更符合用户的心理预期。

也在选择发布类目页新增了搜索功能,方便用户快速更精准的搜索一级二级三级类目等服务内容,大大提升了用户的发布类目选择的效率。

2. 聚焦:表单内容方面,做易读设计

重视表单的布局及样式,在提升效率的同时考虑美观。通过不同的字号、字重、间距突出重点内容,在填写前强化提示内容,填写后弱化次要提示内容,使表单填写更加轻松醒目。

3. 兼容:表单填写页面,做聚合设计

将现有大量需要单项分别填写内容进行组合,将从原来的30+条必填字段整合为11项必填字段,也在整体结构上拓展性更强!大大缩减了用户填写字段所需要的时间,同步进行实时检测提示,减少容错率,提升信息准确性及完整度。

4. 亮点:轻量化设计

将现有发布点击跳转页面选择控件改为弹窗模式,更轻量化的交互方式使减少页面跳转,缩短流程路径,快速跳转。

5. 提升体验:整体风格统一,做区别设计

因黄页业务较多,在发布不同服务类目时,会出现内容差异较大的情况。那么在设计时,考虑整体风格保持一致,尽量使用相同的样式及控件,通过业务不同的特性来进行区分设计,例如相册模块及标题拼接等。降低用户的学习成本,帮助用户提升填写效率。

这个是我们部分页面的一个效果展示,那么在整体的设计中,我们大量使用了平台的标准统一控件。在设计风格统一的同时,可拓展性及品牌感也得到了提升。也为后期做轻量化、智能化打好了基础。

05 数据总结

从数据表现上来看,发布成功率的PV相比老版本提升了24%左右。

发布成功率的UV相比老版本提升了9%左右。

这两组数据的计算方式为到达发布成功页的流量及人数/进入填写页的流量及人数。

06 关于后续

  • 继续推动一些未完成的功能及体验进行上线
  • 根据用户反馈及数据表现持续对发布整体流程进行优化
  • 尝试表单填写完成后新增海报预览功能及时进行信息纠错和帖子分享
  • 尝试在帖子发布完成后加入帖子刷新、置顶等增值服务
  • ······

本次只是发布战略升级1.0,那么我们还会有1.2版本或者1.5版本来继续完善发布的基础构建。以及未来的2.0轻量化版本&3.0的智能化版本,我们将会从这三个阶段进行全方位连载复盘,欢迎大家持续关注和探讨。

最后感谢项目所有参与者的辛苦付出:黄珊、崔登学、刘春明等同学

 

作者:郑晓东、刘春明

本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@郑晓东、刘春明

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!