电子商务网站中的商品列表页也被称为商品聚合页，用户可以在1个页面中概览数以千计的商品。商品列表页的重要特点是信息量大，所以布局清晰公道，功能易用是突出商品列表页“逼格”的设计关键点。
1. 展现商品列表，聚合多样信息内容
用户通过导航或搜索到达商品列表页后，理想的结果就是看到最需要的商品展现在列表页面供自己挑选。商品列表页的功能就是将商品核心信息展现出来以吸援用户，并提供相应链接供用户点击购买。
综合性电商，突出价格、品质、服务、优惠等内容来吸援用户购买
天猫、京东、亚马逊等综合性电商平台，由于其商品资源丰富，因此在部署商品列表页展现商品核心信息时，以突出价格、品质、服务、优惠等内容来吸援用户购买。如果你的网站是综合类电商性质的网站，在列表页突出这些信息会帮助你的用户更多了解商品，更快作出决策。
甚么值得买商品列表页，添加文字简介，方便用户在列表页深入了解商品，引导用户点击进入
品牌类电商，凸显品牌个性，价格还是核心
与综合类电商不同，品牌类电商网站除售卖产品以外，更重要的作用是宣扬品牌，彰显独特的品牌个性品牌个性渗透到网站的视觉、交互、功能等等各个层面当中。特别是在简洁、纯洁的风格逐步被网站设计者和使用者所接受确当下，愈来愈多的品牌类电商选择抛弃冗余的商品介绍，回归简洁和个性。
使用更大的图片展现，设计者会有更多的空间去布局其他内容，例犹如1空间展现商品的多个图片，使用户无需进入详情页便可了解更多商品信息。
小结：平衡简洁美观与核心信息，选择最合适网站的商品展现情势
不拘泥于网站类型，平衡简洁美观与核心信息，才能选择合适网站的商品展现情势。
如果网站需要展现商品多种信息，那末公道的板块分割、字体字号平衡、色采的搭配都可以帮助网站显现内容丰富且不杂乱的商品列表页；如果网站需要简洁内敛，那末生动的图片、诱人的文字描写也能够帮助网站吸引潜伏消费者。
2. 强化商品列表页的功能体验，满足用户定制化需求
为了让用户在数以万计的商品中高效地找到所需商品，列表页常常会存在功能强大的分类、挑选和排序功能，强化这些功能体验是衡量列表页能否高效运转的标准之1。
分类与挑选
严格意义上来讲，分类和挑选其实不是同1种功能，1些网站中还可以见到分类和挑选功能分开的情势。但是随着网站功能的日益完善，分类和挑选作为统1功能模块出现的情况也愈来愈多。
关于分类与挑选功能优化的几点注意：
实时刷新：
用户每进行1次挑选选择及时对结果进行更新，且商品列表内容随着挑选结果而产生实时变更；如果网站挑选功能需要用户全部选择完成后再统1更新（这类方式比较繁琐，不建议使用），则需要明确提示用户，并设计“选择”和“确认”按钮提示用户点击。
挑选条件可删除：
保证删除功能的可用性，使用明显的视觉元素（通常为红色×号表示）说明功能及使用方式，并实时更新列表结果。
挑选条件支持多选或自定义：
为了方便用户选择多个挑选条件或自定义挑选（多为价格等因素），网站提供挑选条件多选功能，满足这部份用户的需求；同时需要明确的确认、取消和删除模块保证多选挑选条件的功能可用性。
可选内容提示：
可选内容提示1般用于商品列表内容有限的情况下，为了不用户限定过量造成无商品对应的问题，网站会在挑选条件旁标记对应的商品数量，方便用户做出公道挑选。
排序
相对分类和挑选功能，排序功能就单纯很多，通常网站都是使用综合、价格、销量、人气、时间等作为排序根据对商品展现的顺序进行调剂，以符适用户的需求。
这里啰嗦1句，很多时候用户期望看到人气高的、销量好的、更新时间近的内容，因此在这些排序指标上不用做太多说明，用户便可明白这些商品的排序是从高到低的；但是其中“价格”是个比较特殊的排序指标，既有用户想看价格低的，也有用户想看价格高的，因此在“价格”这个排序指标上，需要明确是从高到低，还是从低到高。
小结：保证分类、挑选及排序功能的可用性，提升功能易用性
分类、挑选和排序功能时是商品列表页1个特殊且重要的功能，用户借助这些功能能够高效的寻觅到适合的信息，避免迷失在1大片商品的海洋中。用户越快找到心仪的商品，越有益于增进他们完成定单，网站需要保证功能可用性的同时提升易用性，不单单是为了服务用户，更重要的是提升这个流程的转化和保存。
3. 分页显示和连续加载
商品列表页是网站中信息量较大的页面类型，触及到的商品内容会有很多，通常1页是没法完全显示全部内容的，需要根据页面情况使用分页显示内容、加载显示内容或是结合使用。
目前电商网站主要采取以下3种加载方式进行商品内容的加载：
分页显示
分页可以将大篇幅的内容分成小块，显示在单独的连续页面上，便于用户理解和查找。可让用户清楚的知道，自己所要阅读的内容到底有多少、已阅读到哪一个部份、还剩余多少。分页可使用户对所阅读的内容有清楚的预期。
分页优势：
- 告知用户要阅读信息的量；
- 分页使用户快速的跳过信息，自主的选择想要阅读的内容；
- 分页非常便于定位和回找；
分页的劣势：
分页停顿会在1定程度上打断用户的思路，存在流失用户的风险
分页模块的设计已很完善，我在这里就不赘言，但需要注意的是分页模块的尺寸和布局位置，应最大程度满足用户的使用体验。
连续加载
连续加载是1个与分页相对的交互模式，信息之间没有明显的界限或是停顿。当页面转动到底部，新的信息就会被自动加载进来。
连续加载优势：用户不会被打断，可以顺畅的1直阅读下去，沉醉其中。
连续加载劣势：1味的加载会让用户产生迷失感。
如今很多的移动真个社交app都乐于使用连续加载，例如微博、新闻等，使用户沉醉其中，避免打扰；
结合使用
分页显示和连续加载都存在其优缺点，因此目前有些网站结合二者使用，在几次连续加载后提供用户分页的停顿，既保证了阅读的流畅完全性，也同时统筹了定位和找回功能。
电商平台通常采取的模式为：PC端使用分页展现商品内容，而移动端采取连续加载的方式展现商品内容，以此适应移动端用户更深度沉醉的浏览习惯。
小结：
结合网站本身的特质，选择适合的内容展现方式，既可以提升用户的沉醉感，也不会让用户迷失在众多的商品内容里。
4. 推荐内容与商品列表内容的分离融会
用户在阅读PC端页面时，推荐内容区域与商品列表内容区域1般是分开的。推荐内容1般可以分为两个大类，从人的属性角度是个性化推荐，从商品的属性角度是相干推荐；推荐内容与列表内容分离构成较为独立的区域模块，用户可以清晰分辨哪些是推荐内容，哪些是商品列表内容。
如今，这类明显带有广告成份的推荐内容悄然产生着改变，特别是在移动app上。由于移动真个展现区域有限，更加紧缩了推荐内容的展现位，因此推荐内容开始与商品列表的融会，1方面解决了移动端缺少推荐内容展现空间的问题，另外一方面优秀的推荐内容也会提高用户的购买转化和深度阅读。
小结：
如今用户变得愈来愈聪明，传统“贴片”般的推荐方式已没法有效的吸引关注，推荐内容就像是网站的“站内广告”，内容和展现两手都抓才是致胜王道。
总结
4个简单的要点，为提升商品列表页的“逼格”做1些微小的工作。选择公道布局，展现商品列表，聚合多样信息内容；强化商品列表页的功能体验，满足用户定制化需求；结合网站本身的特质，拓展显示更多商品内容；创新优化推荐板块，紧抓内容和展现。做好这些微小的工作，提升的不单单是商品列表页的“逼格”，更重要的是承接更多流量，扩大转化效益。
作者：108huangqing
来源：人人都是产品经理
