榜单本身就是带有强烈的时间属性，因此在榜单呈现维度上，除了分类条件以外，时间也是一个重要的筛选标准。根据两种维度对于产品策略的重要性的不同，可以在三个位置上进行设计：

　　(1)标题栏

　　标题栏可折叠展开，支持切换不同维度下的榜单内容;位置较为显著，但是操作流程较多;

　　(2)标签

　　页面顶部标签是常用的切换方式，在榜单中同样适用;横向滑动或者点击切换标签时，需要的交互成本较高，因此标签数量设置不宜过多;另一方面，鉴于榜单内容的特殊性，时间维度的跨度较大，日榜、周榜、月榜、年榜都有可能出现，所以标签样式不适合时间维度切换，更多使用与切换分类维度;

　　(3)页面中入口

　　维度切换入口存在于页面或者列表中，在设计样式上可以突出，用户需要点击展开选择器来选择页面内容;由于所处位置原因，切换该维度时，用户更加直觉理解是对榜单局部内容进行切换，榜单的主题属性不变，因此页面中的切换入口，亦是时间维度切换更加常见。

　　(维度切换入口)

　　互动行为

　　强化露出功能入口，增加评论、霸屏功能，这些在明星榜单的设计中尤为重要，因为榜单中的每条内容不仅需要用户点击查看，更多的目的是为了引导用户参与互动、应援、浏览，并且与后续业务线对接，从而形成完整的逻辑闭环，提升页面内的用户互动量与页面留存。

　　(泡泡;doki;阿里星球)

　　但是，需要注意的是，增加互动入口是需要注意一个逻辑循环问题。

　　需要注意的逻辑问题

　　在榜单中出现互动入口后，存在两种处理方式：

　　(1)简单路径

　　互动操作可在当前页面直接完成，无需跳转到完整的落地页，此时通过蒙层或者弹窗形式就可以满足用户的互动操作。这种处理方式的逻辑较为简单清晰，不跳出当前的榜单场景，不影响整体逻辑跳转;

　　(2)复杂路径

　　互动操作流程较多或者需要有更多结果呈现时，需要引导到对应的落地页进行互动操作，这就实现了“榜单-互动页面”的跳转逻辑。

　　但是，这里先插一个逻辑，就是这个主页功能页面。主页功能页面主要承载可供用户消费的核心信息和互动区域。以供用户消费的核心信息的存在很容易理解，没有对应的内容可消费，用户何来互动意愿?互动区域中需要刺激用户的互动欲望，因此从完整性和一致性上考虑，产品必然会将对应的单一榜单信息和全部榜单入口置入，从而构建该页面内容的完整生态，可进行互动操作，同时点击榜单入口可跳转至全部榜单页面。

　　那么问题来了：

　　榜单页面存在互动入口，主页功能页面的互动区配置榜单入口，二者没有明确的包含关系，也就不存在逻辑上的包容性，所以就会形成如下图一样的循环路径。用户可以无限循环操作下去，点击返回时候也会不断在功能主页和榜单页面之间切换，对体验造成一定的损害。

　　(榜单与主页功能页面的逻辑关系)

　　因此，在设计榜单页面时，不仅需要考虑页面本身的内容布局、交互方式，同样需要延伸思维领域，考虑与其他相关页面之间的逻辑跳转。

　　不过，这种逻辑的循环并不是bug引起的，而是正常的进程，所以对于一般的产品而言，往往不会对当前逻辑进行独立的处理，毕竟这会大幅增加前端的逻辑处理负担;此类进程只要返回逻辑清晰，流程顺畅，一般也不会出现问题;不过，若果面对的产品是一个细节控的话，那就需要对此类的逻辑进行一个新的处理，例如，默认进入到主页功能后，可以杀死之前的进程，这样再次返回时就不会再走榜单页面的流程，进而简单粗暴地打破循环逻辑，不过这种处理也较为突兀，需要谨慎使用。

　　结语

　　榜单页面设计中更多涉及到的是对信息架构的处理，如何排布同类信息，同时做到突出重点内容，增加互动入口，将维度切换进行合理化配置;同时，更高阶的处理是把握榜单页面和其他页面之间的逻辑关系，理清页面间的跳转流程，采用合理的方式处理循环问题。

　　#专栏作家#