之前1号花城中,商品管理这一功能一直是一个被诟病的地方。最近几天时间对相关的几个页面进行了操作逻辑和页面的优化。
改版之前与之后的页面对比:
商品列表:
分组列表:
改版之前主要存在的问题:
1. 商品管理页面展示内容较少,每页只能看到3个商品。
2. 分组管理的入口不够明显,许多用户使用了很长时间却从未使用过分组功能。
3. 分组页面内,对分组的删除、编辑等操作隐藏较深,需要长按或者进入下级页面之后进行,不方便用户操作。
4. 商品管理和分组管理两个页面都缺少批量管理功能。
5. 商品管理页面默认只显示在售商品,已售罄和仓库中的商品需要到分组中查看。逻辑较为混乱。
针对以上几点,对几个页面进行了重设计,最终实现的效果:
1. 调整商品列表中的行高与文字尺寸,同时将商品编辑的几个按钮设为默认折叠状态,展开后可进行操作。经过调整,一个页面可呈现6个商品,且视觉效果并不拥挤。
2. 将导航栏上的分组管理图标去掉,直接添加为一级导航,与商品并列。更直观明了。
3. 将搜索按钮从导航栏去除,移至页面中的二级导航下方,更突出且更易于点击。
4. 对商品和分组增加批量操作按钮,这也是之前一直缺少的功能。
5. 缩小底部发布商品按钮,使其占用更小的视觉面积,但仍然易于辨识。
6. 在商品管理页面增加二级导航,分为在售、已售罄、仓库三个类别,将已售罄和仓库两个大类从分组中移动至此。避免了之前的逻辑和层级混乱。
7. 分组管理页面中,分组列表增加对组内商品数量的显示,同时将对组的重命名和删除操作直接显示出来,易于辨识和操作。