编辑导读：在C端产物设计中，数据列表页长短经常见的页面，它一般用来展示多条信息条目。固然看起来十分简朴，但也是不行或缺很是重要的页面。本文作者从产物利用场景出发，对列表页设计的设计重点和步调展开了梳理阐明，供各人一同参考和进修。

一、场景描写

作为产物的设计者，我们想象以下几个常见的场景：

一款电商产物，在搜索框中输入手机，系统会反馈返来许多个手机相关的内容，且每个内容的信息较多，如何将这些内容“同时”展示给用户？

一个外卖平台，入驻了许多差异的餐厅提供差异的菜品，当用户打开软件定食物时，如何将符合的餐厅“同时”展示给用户？

筹谋一个特卖勾当，对许多个商品举办打折促销，筹谋者但愿勾当页面可以或许让用户尽大概多的看到商品有哪些，如何将这些商品“同时”展示给用户？

上述场景在产物中常常产生：产物中存在许多内容，在一些场景下需要“同时”反馈给用户，供用户欣赏，但页面空间是及其有限的，而每一条内容的信息量凡是又较大，“没步伐”在同一个页面展示每一个内容的全部信息。

二、办理要领

为了办理这个问题，我们引入一个页面。在这个页面，通过淘汰每一个内容所展示的信息量，来增加展示的内容数量，用户对某条内容发生乐趣后，再点击查察该内容的全部详情。这样，就在同一个页面空间中将多条内容展示在了用户眼前。凡是我们把这其中间页面称为列表页。

如图，图一的列表页面中，展示了多个文章，但对每个文章，只展示了标题，假如用户对某一个文章感乐趣，可点击查察文章详情。

列表页在产物中十分常见，根基存在于产物的各个成果版块，是毗连用户与内容详情的要害页面，对付列表页面的设计不行掉以轻心。

三、如何设计列表页面？

产物将内容展示给用户，是但愿用户会按照内容举办一些对产物有代价的操纵，如购置、存眷等，凡是，用户对内容相识的越多，越大概发生这些行为。

但由于列表页的特性，使得每一条内容只展示很少部门信息，因此，如何可以或许尽大概的让用户发生点击查察详情的激动是设计列表页面要思量的重点。可以从两方面思量：

展示哪些信息以及如何展示

列表页面回收哪种气势气魄

1. 展示哪些信息以及如何展示

用户是否会对内容发生乐趣进而查察详情，取决于内容在列表页所展示的信息，因为，这是用户在列表页独一可以相识内容的途径。可以通过以下3个步调来确定展示的信息：

（1）团结产物定位和内容范例选出用户更存眷的信息

差异的产物，有差异的定位，影响着用户对付产物的认知，也因为发生的认知，吸引着方针用户群体。通过向用户通报生产物的定位，可以更好的吸引用户，留住用户。

对付已经达到产物中的用户，通过将可以或许转达生产物定位的信息融入到用户的利用路径中，不绝的触达用户，强化用户的印象。

用来强化产物定位的信息，需要可以或许让用户快速且“正确”的领略。用户在欣赏时，不会停下来，更换大脑深度思考，需要让用户之一回响就能领略；而正确，则是指：这个信息表达的寄义是产物想要转达给用户，不能发生歧义可能无法领略。好比：

同样是做衣饰电商的产物，前者主打折扣吸引用户，折扣的信息是及其重要的，越快让用户感知到越好，因此，在列表页面，会着重突出折扣相关的信息；尔后者，主打高端，虽也有商品会打折，但却不会像前者这样着重突出。

产物的定位更多的是从整个产物可能业务线的维度思考，而差异的产物可能业务线，会有差异范例的内容。差异的内容范例，用户对付内容的存眷点也会有所差异，能吸引用户的信息自然也差异。譬喻：

对付外卖餐厅，用户在选择的时候，会体贴口胃、配送的时间、优惠力度，因此，展示如商家的评分，人均消费，满减折扣、配送 *** 、间隔等信息，可以更好的帮用户作出判定；
而对付视频内容，用户会存眷内容的看点，因此，可以展示如剧情范例，可能剧中明星等来吸引用户。

在思考列表页内容展示哪些信息时，按照产物定位明晰对方针用户的吸引点，进而筛选出对用户有吸引力的信息；按照内容范例，可以明晰差异的内容用户会存眷的信息有哪些。这样，我们可以劈头选出一批需要展示的信息。

（2）按照列表的利用场景，选出该场景下重要的信息

差异的展示场景，用户所存眷的信息会有所差异，所展示的信息自然也需要差异。

如图，是同一个电商产物的商品列表，但在限时秒杀的商品列表页和搜索功效页所展示的信息却差异。