一号花城商户端-商品管理功能优化设计
文章图片
商品管理优化 2.png 之前1号花城中，商品管理这一功能一直是一个被诟病的地方。最近几天时间对相关的几个页面进行了操作逻辑和页面的优化。
改版之前与之后的页面对比：
商品列表：
文章图片
商品管理.png 分组列表：
文章图片
商品分组.png 改版之前主要存在的问题：
1. 商品管理页面展示内容较少，每页只能看到3个商品。
2. 分组管理的入口不够明显，许多用户使用了很长时间却从未使用过分组功能。
3. 分组页面内，对分组的删除、编辑等操作隐藏较深，需要长按或者进入下级页面之后进行，不方便用户操作。
4. 商品管理和分组管理两个页面都缺少批量管理功能。
5. 商品管理页面默认只显示在售商品，已售罄和仓库中的商品需要到分组中查看。逻辑较为混乱。
针对以上几点，对几个页面进行了重设计，最终实现的效果：
1. 调整商品列表中的行高与文字尺寸，同时将商品编辑的几个按钮设为默认折叠状态，展开后可进行操作。经过调整，一个页面可呈现6个商品，且视觉效果并不拥挤。
2. 将导航栏上的分组管理图标去掉，直接添加为一级导航，与商品并列。更直观明了。
3. 将搜索按钮从导航栏去除，移至页面中的二级导航下方，更突出且更易于点击。
4. 对商品和分组增加批量操作按钮，这也是之前一直缺少的功能。
5. 缩小底部发布商品按钮，使其占用更小的视觉面积，但仍然易于辨识。
6. 在商品管理页面增加二级导航，分为在售、已售罄、仓库三个类别，将已售罄和仓库两个大类从分组中移动至此。避免了之前的逻辑和层级混乱。
【一号花城商户端-商品管理功能优化设计】7. 分组管理页面中，分组列表增加对组内商品数量的显示，同时将对组的重命名和删除操作直接显示出来，易于辨识和操作。
推荐阅读
- 九月一号小记
- 今天在家里
- 走完美国西海岸的这条路线，加州的一号公路就不用去了
- 2019-07-07一号文件
- 其实是小白一号的自白
- 花城札
- 一号土猪肉与区块链1.0
- 社区环境保护
- 银联接口C#
- 天问一号火星探测器拟于9月进行第二次轨道修正