奥运会赛程页面设计思路分享

奥运会就要来了，怎样让用户从大大小小几千场比赛中快速找到自己感兴趣的比赛？最近笔者就在设计奥运赛程页面，下面和大家分享一下面对奥运赛程这样复杂页面的设计思路以及具体设计中值得思考的几个问题。

综合各方需求，对赛程的筛选维度总结有日期、决赛赛程、中国赛程、各项目赛程、精选推荐赛程，5个维度。如果简单粗暴的将这5个维度放入一个筛选器里，让用户每次到页面都要进入筛选器一项一项的选择，显然效率很低。怎样才能让页面结构简单易懂好操作呢？此时不如想想简约四原则吧！我们需要对这些元素进行归纳。

日期、金牌赛程、中国赛程、决赛赛程、各项目赛程都属于对全部赛程机械的筛选，其中，日期是相对宏观的横向筛选，其他是相对精确的纵向筛选。精选推荐赛程属于人工编辑的更高一级精确筛选内容。由此可将这些元素分为3个等级。

接下来我们逐个对比竞品，理清设计思路

1.日期

腾讯体育、虎扑体育（如上图）是将时间作为标题放在当日列表开头，弱化日期切换，强调流畅的滑动列表。这种形式对于赛程数量少，结构简单的专项体育赛事是适用的，因为用户滑动切换日期的成本低，但很大程度损失了对日期的掌控感。

Sport on TV 和 FOX Sports（如上图）将日期设计成日历形式，需要横滑才能查看其它日期下的赛事。这种样式强调了对日期的掌控，但削弱了赛程的整体流畅的衔接。

对于有强时差概念的国际赛事而言，日期间切换时，赛程流畅的衔接是很重要的。里约和北京有11个小时的时差，正式赛程每天都基本集中在北京时间21点至次日凌晨3点之间，这意味着用户会有频繁的日期切换操作需求。同时，由于赛程数据庞大，用户需要对日期有一个整体的把控。因此在具体设计时，需要综合考虑以上列举的两种思路的优缺点。

2.决赛/中国/项目

多条件筛选，最典型的就是各大电商了，决赛/中国相当于一个是否勾选的状态，而项目则是进入一个列表进行选择。

3.精选赛程

精选赛程由于根据产品需求确认每日推荐的数量少而且可控，直接放在每日全部赛程之上作为每日的一个单独模块即可，但问题来了，由于赛程的特殊性，赛程列表一般采用的是时间正序，基于用户进入赛程页面的首要目的是查看还未开始或即将开始的最新赛程这个场景，为了避免一进页面看到已经结束的赛事，影响查看效率，用户进入赛程列表时会直接定位到当前时间下的赛程位置（如下图，新浪体育）。如果这样的话，推荐模块和全部赛程列表之间的融合就需要特别考虑。

当拿到一个看似功能复杂的页面，首先对功能优先级进行排序，然后通过对其进行归纳分类，明确最根本的设计点，再逐一寻找对应的竞品，从细节出发，吸取其优点，反思其不足。按照这样的思路来一步步拆分复杂的需求，思路会清晰很多。