|C端列表页如何设计?( 二 )


|C端列表页如何设计?
本文插图

产品的定位更多的是从整个产品或者业务线的维度思考 , 而不同的产品或者业务线 , 会有不同类型的内容 。 不同的内容类型 , 用户对于内容的关注点也会有所不同 , 能吸引用户的信息自然也不同 。 例如:
对于外卖餐厅 , 用户在选择的时候 , 会关心口味、配送的时间、优惠力度 , 因此 , 展示如商家的评分 , 人均消费 , 满减折扣、配送方式、距离等信息 , 可以更好的帮用户作出判断; 而对于视频内容 , 用户会关注内容的看点 , 因此 , 可以展示如剧情类型 , 或者剧中明星等来吸引用户 。
在思考列表页内容展示哪些信息时 , 根据产品定位明确对目标用户的吸引点 , 进而筛选出对用户有吸引力的信息;根据内容类型 , 可以明确不同的内容用户会关注的信息有哪些 。 这样 , 我们可以初步选出一批需要展示的信息 。
(2)根据列表的使用场景 , 选出该场景下重要的信息
不同的展示场景 , 用户所关注的信息会有所不同 , 所展示的信息自然也需要不同 。
如图 , 是同一个电商产品的商品列表 , 但在限时秒杀的商品列表页和搜索结果页所展示的信息却不同 。
|C端列表页如何设计?
本文插图

对用户来讲 , 看到限时秒杀进入页面 , 除了查看秒杀的商品有哪些 , 还会关注秒杀的商品价格是否足够的合适 , 而产品运营者则希望能够通过价格信息和剩余时间来刺激用户 , 快速下单 , 因此 , 在秒杀列表页面 , 着重突出了商品近期的最低价格以及剩余数量 。 而搜索列表则对这些信息没有过多展示 。
在考虑场景的时候 , 可以考虑用户进入列表的前置动作 , 在该场景下的心理期望 , 会关注的点有哪些 , 同时也考虑在这个场景下 , 产品的目标是什么 , 如何能够引导用户朝着产品期望的目标操作 。 根据这两方面的考虑 , 来选出该场景下 , 哪些信息对促进用户进入详情页有帮助 。
(3)对选出的信息进行优先级排序 , 明确信息的级别关系
通过上面两步骤 , 选出了一批需要展示的信息 , 但不同信息对用户的吸引度是不同的 , 还需对筛选出的信息进行优先级的排列 。
优先级排列 , 可以依据每个信息对于用户的吸引力度进行打分 , 最好的方法是进行用户调研 , 了解真实用户对每个信息的关注度;如果没有条件进行调研 , 可以根据过往经验或对比相关竞品 。
对信息进行优先级排序有两个用途:

  1. 判断选出的信息哪些可以删减 。 通过上边的两步骤 , 我们可能会选出较多的想要在列表页面展示的信息 , 但列表页的空间是宝贵的 , 这时 , 通过信息的优先级排序 , 可以对选出的信息再次删减 , 以达到节省空间的目的 。
  2. 对信息进行视觉权重的设计 。 不同级别的信息 , 在进行视觉设计时 , 是有不同的权重的 。
例如 , 在设计课程列表页时 , 对课程选出了一批通用类信息:课程标题、课程时间、课程老师、课程价格、购课人数 。
课程标题 , 通过这个信息 , 用户能大概理解内容 , 判断出这个课程是否适合 , 定为最重要的信息;其次是老师、价格 。 老师是对学生很有吸引力的信息 , 尤其是行业内的名师 , 而价格也是学生在选择课程时会考虑的主要因素;课程时间和购课人数 , 这两个信息是辅助功能 , 相对的关注度没有前几者这么高 。
由此 , 对于这些信息 , 大致分为3个层级:课程标题为第一层级;课程老师、售价为第二层级;课程时间、购课人数为第三层级 。 随着层级的降低 , 信息在列表页的视觉权重也随之低 。
|C端列表页如何设计?


推荐阅读