四个设计要点-提升商品列表页“逼格”.docx

第PAGE\*MERGEFORMAT7页共NUMPAGES\*MERGEFORMAT7页

四个设计要点，提升商品列表页“逼格”

电子商务网站中的商品列表页也被称为商品聚合页，用户可以在一个页面中概览数以千计的商品。商品列表页的重要特点是信息量大，所以布局清晰合理，功能易用是突出商品列表页“逼格”的设计关键点。1.展示商品列表，聚合多样信息内容用户通过导航或搜索到达商品列表页后，理想的结果就是看到最需要的商品展示在列表页面供自己挑选。商品列表页的功能就是将商品核心信息展示出来以吸引用户，并提供相应链接供用户点击购买。综合性电商，突出价格、品质、服务、优惠等内容来吸引用户购买天猫、京东、亚马逊等综合性电商平台，由于其商品资源丰富，因此在部署商品列表页展示商品核心信息时，以突出价格、品质、服务、优惠等内容来吸引用户购买。如果你的网站是综合类电商性质的网站，在列表页突出这些信息会帮助你的用户更多了解商品，更快作出决策。什么值得买商品列表页，添加文字简介，方便用户在列表页深入了解商品，引导用户点击进入品牌类电商，凸显品牌个性，价格仍是核心与综合类电商不同，品牌类电商网站除了售卖产品之外，更重要的作用是宣传品牌，彰显独特的品牌个性品牌个性渗透到网站的视觉、交互、功能等等各个层面之中。尤其是在简洁、纯粹的风格逐渐被网站设计者和使用者所接受的当下，越来越多的品牌类电商选择抛弃冗余的商品介绍，回归简洁和个性。使用更大的图片展示，设计者会有更多的空间去布局其他内容，例如同一空间展示商品的多个图片，使用户无需进入详情页即可了解更多商品信息。小结：平衡简洁美观与核心信息，选择最适合网站的商品展示形式不拘泥于网站类型，平衡简洁美观与核心信息，才能选择适合网站的商品展示形式。如果网站需要展现商品多种信息，那么合理的板块分割、字体字号平衡、色彩的搭配都可以帮助网站呈现内容丰富且不杂乱的商品列表页；如果网站需要简洁内敛，那么生动的图片、诱人的文字描述也可以帮助网站吸引潜在消费者。2.强化商品列表页的功能体验，满足用户定制化需求为了让用户在数以万计的商品中高效地找到所需商品，列表页往往会存在功能强大的分类、筛选和排序功能，强化这些功能体验是衡量列表页能否高效运转的标准之一。分类与筛选严格意义上来说，分类和筛选并不是同一种功能，一些网站中还可以见到分类和筛选功能分开的形式。但是随着网站功能的日趋完善，分类和筛选作为统一功能模块出现的情况也越来越多。关于分类与筛选功能优化的几点注意：实时刷新：用户每进行一次筛选选择及时对结果进行更新，且商品列表内容随着筛选结果而发生实时变更；如果网站筛选功能需要用户全部选择完成后再统一更新（这种方式比较繁琐，不建议使用），则需要明确提示用户，并设计“选择”和“确认”按钮提示用户点击。筛选条件可删除：保证删除功能的可用性，使用明显的视觉元素（通常为红色×号表示）说明功能及使用方式，并实时更新列表结果。筛选条件支持多选或自定义：为了方便用户选择多个筛选条件或者自定义筛选（多为价格等因素），网站提供筛选条件多选功能，满足这部分用户的需求；同时需要明确的确认、取消以及删除模块保证多选筛选条件的功能可用性。可选内容提示：可选内容提示一般用于商品列表内容有限的情况下，为了避免用户限定过多造成无商品对应的问题，网站会在筛选条件旁标记对应的商品数量，方便用户做出合理筛选。排序相对于分类和筛选功能，排序功能就单纯很多，通常网站都是使用综合、价格、销量、人气、时间等作为排序依据对商品展示的顺序进行调整，以符合用户的需求。这里啰嗦一句，很多时候用户期望看到人气高的、销量好的、更新时间近的内容，因此在这些排序指标上不用做太多说明，用户即可明白这些商品的排序是从高到低的；但是其中“价格”是个比较特殊的排序指标，既有用户想看价格低的，也有用户想看价格高的，因此在“价格”这个排序指标上，需要明确是从高到低，还是从低到高。小结：保证分类、筛选及排序功能的可用性，提升功能易用性分类、筛选和排序功能时是商品列表页一个特殊且重要的功能，用户借助这些功能能够高效的寻找到合适的信息，避免迷失在一大片商品的海洋中。用户越快找到心仪的商品，越有利于促进他们完成订单，网站需要保证功能可用性的同时提升易用性，不仅仅是为了服务用户，更重要的是提升这个流程的转化和留存。3.分页显示和连续加载商品列表页是网站中信息量较大的页面类型，涉及到的商品内容会有很多，通常一页是无法完整显示全部内容的，需要根据页面情况使用分页显示内容、加载显示内容或是结合使用。目前电商网站主要采用以下三种加载方式进行商品内容的加载：分页显示分页可以将大篇幅的内容分成小块，显示在单独的连续页面上，便于用户理解和查找。可以让用户清楚的知道，自己所要浏览的内容到底有多少、已经浏览到哪个部分、还剩余多