有过电商网购经历的同学应该对排行榜并不陌生，作为消费决策工具，榜单能够高效助力用户“货比三家”，降低用户的筛选成本。对于京东这样主营标品、注重头部商品价值的购物平台，榜单效应更是不可小觑，如何塑造用户对排行榜的价值认同是榜单设计的核心与关键。

前言

随着业务的高速发展，排行榜类型及形态逐步增多，衍生出数据类、内容类以及营销类三大阵营。在错综复杂的设计背景下，我们开始思考：

一、榜单基建：如何基于业务诉求及用户痛点，有效建立认知统一又各具特色的榜单矩阵？

二、场域渗透：如何在中心化阵地及去中心化核心购物触点中，有效发挥榜单效能？

榜单基建

榜单落地页作为承接商详引流的核心链路环节，其搭建方式与呈现内容直接影响了用户认知及导购效率。榜单的设计重塑，离不开紧密关联用户诉求的体验优化，以及柔性传递业务理念的视觉表达。

一、体验力升级——让决策更高效

不同类型的用户有不一样的购物诉求。只有在转化场景因人而异地根据用户的消费心理提升榜单导购效率，才能最大化提升用户的购买意愿，让决策更高效直接。

1、数据榜：更真实的热卖信息

有明确购物目标的用户，其核心诉求是在同类目中快速发现质量最优或优惠最大的商品，当前用户会有强烈的求知欲望和优惠感知。

我们借助数据榜的算法能力，热卖榜外露明确的销量与销额作为真实数据背书，瞬时抓住用户的从众心理，促使用户快速下单；折扣榜突出降价维度数据，以折扣促销力度驱动用户转化。

2、内容榜：更软性的达人种草

而当用户只是漫不经心随意逛逛时，处于一种“轻决策”的场景，此时用户更多关注品类丰富度及商品品质。

当前泛浏览场景下，内容榜单主要让达人推荐用户了解流行趋势：好物榜由达人提炼商品亮点及相关软性文案说明引导用户，帮助用户快速种草。

3、营销榜：更权威的官方IP

一直以来，京东缺少一个平台级的权威榜单IP做整合收归，给到用户统一性的“权威认同”。营销榜主要是建设以京东金榜为IP的榜单标杆，作为用户购物的官方指南，提升行业影响力。

设计主要注重榜单的权威性内容打造，并通过对合作品牌的流量赋能撬动优质品牌入圈，反哺榜单声量建设。

除此之外，我们还搭建出模块布局统一的榜单落地页框架，让用户在不同榜单间流转时保持认知的一致性，从而更聚集于榜单内容。

二、品牌力升级——让心智更权威

在梳理了榜单的现状页面与分发触点后，我们发现现有的设计风格调性模糊，在识别性、记忆度及识别度上都有较大的优化空间。基于此，设计主导推动了排行榜的品牌全面升级，用品牌价值助力排行榜口碑建设，在系统性地塑造用户心智的同时带来整体视觉品质的提升。

1、重塑品牌核心：打造“京东之最”

榜单矩阵的衍生，亟待一个鲜明的视觉符号去打造认知统一性。经过与业务的探讨，排行榜的品牌愿景逐渐明晰——旨在打造“京东之最”，为用户提供“最热卖（数据榜）、最流行（内容榜）、最权威（营销榜）”的「最系列」榜单。

那么怎样的设计语言能最大化贴合用户对“京东之最”的情感共鸣呢？我们综合权衡“业务的理性诉求”及“用户的感性认知”，确定了品牌感知关键词：权威、向上，闪耀。经由团队轮番脑暴及多方案尝试，最终推导出专属排行榜的全新品牌符号。

排行榜的品牌符号“京东之最”：

暗喻“极致顶尖”意向的“三角形”与“向上箭头”正负形结合，体现出榜单不断超越、永攀巅峰的精神内核；流动光影赋予氛围基调，打造尊贵灵动的荣耀气质。

2、树立品牌认知，强化榜单特色

品牌符号是浓缩品牌基调的内核，子榜单应延续其视觉共性基因来建立排行榜品牌矩阵的统一性；但实际落地到细分场景时，我们还要充分考虑业务差异及使用场景，让各个榜单差异鲜明易辨，帮助用户理解榜单价值与业务特色。

品牌基因当由品牌符号衍生而来。首先，我们立足于全新的品牌符号，从形、质、构三大维度提炼出品牌视觉映射因子。

其次，我们展开对业务布局的梳理，目标是让榜单呈现出特色鲜明又业务丰富的视觉感知，对设计准确定位。

色彩感受榜单个性

色彩是识别的第一感知，也最能让人快速有效地区分榜单调性。我们根据业务定位来定义色彩心智，用颜色的升级带来业务属性的新诠释。

图形传递业务价值

相比品牌符号，巨象化的图形可以更直观地传达业务语义，并且在其他渠道中，图形也能作为榜单表达的可视符号呈现给用户。我们用较为简单熟悉的图标关联榜单业务，通过构建榜单矩阵的心智图形体系降低用户的认知成本。

IP提升榜单声量

不同于站内其他榜单，京东金榜作为平台的官方权威榜单IP，在线上线下均有大量传播渠道和媒介的曝光。为了确保品牌能够更高效地延展应用，同时在情感和记忆上更好地连接用户，建立一个兼具金榜感知及平台气质的IP形象迫在眉睫。

然而塑造让人印象深刻的IP认知是需要耗费大量传播成本的。为了消除用户的认知壁垒，我们回归用户的本源视角，决定以京东的母品牌Joy为基础，并结合金榜的核心价值及业务定位发散联想，最终，一个举着冠军奖杯的金Joy应运而生。

金Joy作为京东金榜的代言人，其与母品牌强关联的设定可在短期快速穿透用户心智，拉进品牌与消费者的情感距离，并为金榜在品牌全渠道营销场景下的商业化应用奠定基础。

体感塑造氛围层次

扁平化在现今大行其道，榜单界面也遵循简洁轻巧的设计原则，以突出商品为优先。然而针对商业化榜单，设计还需透传出一定的营销气质，同时又要避免过于卖场化的风格调性。在重塑京东金榜，我们主要通过氛围恰到好处的“轻立体空间感”去强化榜单体感。

我们以金榜颁奖盛典为视觉创意切入点：头部打造出金榜盛典夜的立体场景，让夺魁的金Joy立于错落的三角形领奖台之巅，并将金榜评选因子与头部舞台场景融合，巧妙融合业务认知，快速增强用户的代入感。商卡赋予轻量体感与流光质感，在突出商品的同时建立轻透干净的权威调性，并通过信息布局及层级优化凸显商品核心优势，带动用户消费。

改版后，金榜核心数据指标提升明显，“权威认同”心智打造成功。

基于共性基因的映射及业务个性的强化传达，搭建出了认知统一又各具特色的榜单设计矩阵。

场域渗透

纵观排行榜在全站的布局策略，主要是以中心化频道为阵地，同时柔性渗透去中心化的用户购物场景。只有打好中心化与去中心化的组合拳，才能最大化发挥榜单的导购价值。

中心化：聚合·打造多元榜单的“逛”

中心化频道是多榜单高效分发的集中阵地。此前排行榜频道主要为“首焦+精选热卖榜聚合”的结构，虽分发效率高，但也存在着业务线单一、可逛性不足、心智定位不明确的痛点，特别是随着榜单类型逐步增多，当前页面框架更是无法承接多元榜单聚合种草的诉求。

为了丰富频道的可逛性，我们重新梳理了频道首页的浏览动线，建立具有独立用户心智的频道中心化场景，让用户在多类型榜单中更好地“逛”起来。

首焦资源位此前点击率低，难以击中用户；在洞察业务布局及分析用户心智后，我们将头部打造为金榜爆品的轮播舞台，用钩子品高效击中用户，吸引用户继续往下逛。同时，场景化的沉浸式舞台也明确了排行榜频道的权威调性，延续了排行榜品牌在中心化场景的心智映射。

接下来，我们还尝试了多种让用户更快发现及浏览不同类型榜单的体验方案，但受限于当前无法实现多榜单混排的算法技术，我们暂时以tab分类的降级方案短平快上线，测试用户对不同榜单的认知心智及点击效率。

在视觉呈现上，我们主要提升卡片氛围去增强不同榜单类型的感知，并从图形、色彩等维度对齐榜单落地页，打造用户对不同榜单的认知统一性。

去中心化：融合·柔性渗透用户消费场景

榜单作为消费决策工具，当其融入核心购物链路时，我们要具体结合场景定位，通过挖掘用户在不同场景下的诉求去发挥榜单的价值能力；同时还要不断强化榜单品牌透传，树立用户对排行榜的品牌心智认知。

以下以部分核心购物节点为例：

搜索结果页-消费决策

当用户进入搜索结果页时，往往已经有目的明确的购物目标；此前推送的榜单分发组件为以种草为目的的好物榜，广告感较重，无法精准击中用户。

经分析，当前场景下更适合展现以筛选为导购目的的热卖榜，漏出销量背书作为抓手快速引导决策。同时在榜单展示中，我们刻意弱化广告感，让整体视觉更干净清晰，以突出商品及内容为优先。改版后，核心数据指标大幅提升，验证了数据榜组件在该场景下的导购价值。

商品详情页-提升背书

在商详场景中，榜单能有效为商品背书，从而提升标品声量并驱使用户转化。此前，在这流量分发最高效的核心场景，榜单楼层展现的视觉元素与排行榜品牌矩阵不统一。改版后主要保障了品牌元素的一致性，并将楼层氛围图形与落地页心智图形做联动，降低用户的认知成本，并强化了榜单楼层的热卖感知。

首页为你推荐-唤醒冲动

当用户在首页-为你推荐的泛浏览场景中，各业务楼层穿插期间，榜单楼层特色不够凸显及明确。我们借鉴榜单分发在搜索结果页的数据经验，希望通过外露商品排名增强“榜”的感知，同时漏出销量信息唤醒用户的跟风冲动。

根据排行榜在主站黄金流程的分发经验及数据验证，我们提炼出榜单组件类型在不同场景下的核心价值能力，并将其沉淀成具有导购能力的设计组件，打包并驱动落地通天塔，全面赋能平台更多场景及活动。同时组件化也能更好地帮助我们进行数据跟踪，便于跨场景经验复用。

结语

榜单矩阵搭建需要设计师需要跳出单线思维，用横向视野俯瞰全局；更要结合场景定位，深挖用户购物痛点，才能充分发挥榜单效能。榜单体验打磨，我们还在持续探索的路上。感谢阅读～

本篇文章来源于微信公众号:京东设计中心JDC