回顾我们设计系统中的Upload组件,尽管已经有一定的基础组件和能力,但在实际使用过程中,逐渐暴露出一些影响用户体验和设计开发效率的问题。

怎么个事 Question

痛点① 上传之后的操作交互及样式不统一

上传完成后的操作交互是用户与组件接触最频繁的部分,然而,我们发现这一环节存在明显的体验割裂:

1. 操作位置不一致

相同功能的操作按钮在不同页面中位置不同,不符合统一性。

2. 同一操作样式不一致

比如"重新上传"按钮,使用的图标不统一,有的使用带底色的按钮,有的使用不带底色的按钮...

3. 同一页面同一交互触发功能不一致

比如点击已经上传成功的upload,有的是预览,有的进入编辑...

痛点② Upload组件在不同场景下的尺寸和适应问题

Upload组件的尺寸灵活性直接影响了其在业务场景中的适配能力,而我们的现状是:现设计组件只支持7272、9696、7499、96128的尺寸,只能满足一行多个横滑的情况。

尺寸限制导致灵活性不足

现设计组件不能灵活满足业务场景,需要调整展示尺寸时只能将组件解组,导致"组件"开始千人千面,比如一行一个撑满、一行三个撑满等情况。

对症下药 Update

针对上文提到的交互不统一、尺寸适配等问题,我们决定从统一交互设计、灵活的尺寸和布局以及增强用户体验三个方向入手,对Upload组件进行全面优化。