欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

宝丽来抠像体验优化总结

最编程 2024-06-20 22:28:25
...

本文将介绍拍立淘结果页从上线至今出现的体验问题及解决方案。 



前言

拍立淘结果页从上线至今,经历了许多年的迭代,始终保留了一个抠图的功能——用户可以在图片上自主选择要搜索的图片区域


功能经过这么多年使用,由于当初的实现没有那么精细,导致一直存在一些体验上的问题,用户重点反馈的内容包含以下几个部分:

  1. 抠图不易操作

  2. 找不到抠图框

  3. 小物件搜索不出来

  4. ....


基于以上这些问题,我们进行了一一解决,下面进入正题。


交互体验

  找不到框


用户在进入结果页后,会在背景处显示一整张原图,由于底部存在结果面板,导致图片显示区域被压缩,所以会有一部分图片被隐藏,对于不了解功能的用户来说,不知道图片是可以滑动的,假如主体框刚好就在隐藏的图片区域里,用户就没法框选主体了。


  抠图不易操作


原先的抠图组件存在一些bug

  • 触摸冲突


  • 主动抠图后主体圆点缺失


  • 主体点击无效


  交互优化


基于以上问题,我们对抠图交互进行了重构,具体改动如下

  1. 图片等比例缩放,整张图可以完整显示于面板上方

  2. 基础能力重构实现

  3. 新增图片缩放能力

  4. 新增图片移动能力



抠图组件包含以下几种基础操作