一号花城商户端-商品管理功能优化设计

商品管理优化 2.png

之前1号花城中，商品管理这一功能一直是一个被诟病的地方。最近几天时间对相关的几个页面进行了操作逻辑和页面的优化。

改版之前与之后的页面对比：

商品列表：

商品管理.png

分组列表：

商品分组.png

改版之前主要存在的问题：

1. 商品管理页面展示内容较少，每页只能看到3个商品。

2. 分组管理的入口不够明显，许多用户使用了很长时间却从未使用过分组功能。

3. 分组页面内，对分组的删除、编辑等操作隐藏较深，需要长按或者进入下级页面之后进行，不方便用户操作。

4. 商品管理和分组管理两个页面都缺少批量管理功能。

5. 商品管理页面默认只显示在售商品，已售罄和仓库中的商品需要到分组中查看。逻辑较为混乱。

针对以上几点，对几个页面进行了重设计，最终实现的效果：

1. 调整商品列表中的行高与文字尺寸，同时将商品编辑的几个按钮设为默认折叠状态，展开后可进行操作。经过调整，一个页面可呈现6个商品，且视觉效果并不拥挤。

2. 将导航栏上的分组管理图标去掉，直接添加为一级导航，与商品并列。更直观明了。

3. 将搜索按钮从导航栏去除，移至页面中的二级导航下方，更突出且更易于点击。

4. 对商品和分组增加批量操作按钮，这也是之前一直缺少的功能。

5. 缩小底部发布商品按钮，使其占用更小的视觉面积，但仍然易于辨识。

6. 在商品管理页面增加二级导航，分为在售、已售罄、仓库三个类别，将已售罄和仓库两个大类从分组中移动至此。避免了之前的逻辑和层级混乱。

7. 分组管理页面中，分组列表增加对组内商品数量的显示，同时将对组的重命名和删除操作直接显示出来，易于辨识和操作。