2.2.4　商品列表页和分类导航的设计

商品列表的作用在于推销店铺内的人气爆款产品，为消费者提供便捷、高效的购物体验。与其他的页面比较，商品列表页比较容易被忽视，因为它是过渡页。图2-19所示为李宁的商品列表页和分类导航，可以看出，给人一种非常简洁的感觉。

图2-19 李宁的商品列表页和分类导航

1．商品列表页

在店铺视觉的打造当中，商品列表也是一门十分讲究的学问。商品列表页面设计得越漂亮、越符合普通大众的视觉审美，自然光顾的客户就会越多。那么，线上店铺有哪些科学又美观的商品陈列方式呢？下面就为大家一一介绍。

（1）同类分类法。这一种分类法是强迫症患者的最爱。它按照商品的类型分门别类。比如说一家售卖零食的小店，膨化类食品放在一起，坚果类食品放在一起，糖类食品放在一起，用这样的方式让消费者对店铺所售卖的范围和具体商品一目了然。

（2）对比法。这里的对比法指的是颜色的对比，这种排列方式最常用于服装类。有些喜好整洁的店主可能会选择将颜色相近的衣服放在一起，觉得这样看上去比较规矩也比较好看一些。可是同色系的衣物堆在一起可能会让消费者一时判断不出这些服装的区别，有一些款式比较基础的可能就被忽视了。将颜色不同的商品放在一起可能对比会相对来说比较明显一些，消费者也可一眼判断出喜欢的类型。图2-20所示这些颜色不同的衣服放在一起，每一件都特色鲜明，易于判断。

图2-20 颜色不一样的衣服放置在一起

（3）突出重点法。在商品布置的过程中可能会出现“单看展示图片不知道店家想出售的商品是什么”的情况。那是因为陈列出来的图片中信息太多太杂，没有突出售卖商品的特色。这是一个一定要避免的问题。

2．分类导航

另外，店铺的分类导航可以帮助用户在最短的时间内找到他们需要的商品。分类导航部分如果设置得好，可以为购物的消费者们节省很多时间。他们不需要像无头苍蝇一般把商品页面从上拉到下，而是直接通过导航找到需要的商品。

所以说，商家一定要将这一部分整理清晰，不能出现任何逻辑混乱的问题。因为一旦分类出现问题，就会导致消费者找不到自己想要的商品。一般来说，分类导航的设置肯定是越详细越好，这样就能够面面俱到，照顾到顾客的任何需求。但是也不能重复得太多，不然太过繁琐就和没有导航的时候没什么太大区别了。

当然，分类导航上面除去按照商品种类分类以外，还需要有一些特殊模块，比如特价区的导航按钮、包邮区的导航按钮等，增加这些让利模块能够促进店铺的浏览量与销售量。